Previous Message
Next Message

css-discuss archive

Sent by Philippe Wittenbergh on 20 December 2004 14:02


On 20 Dec 2004, at 10:39 pm, Steve Ivy wrote:

> Phillippe (and Roger!)
>
> Thanks for taking a look at this: nice to know I'm not the only one
> seeing it. Phillippe - I'm looking at  absolute positioning for that
> left navbar, but I had a question: if that left navbar is positioned
> absolutely, will it cause the containing element (#page) to clear the
> bottom of the nav bar as it grows? (I have not used AP much at all, so
> I'm not certain...)

If the sidebar becomes much longer than the contents, then yes, you 
might have a problem; #page won't grow further than the computed height 
for the contents area.

But I think there is a better way:
#page {
	position:relative; /* add this */
}

#nav {
	width: 160px;
	float: left;
	position:relative; /* add this to your original stylesheet */
	top:0; /* and this */
/* rest of styles */
}

By simply using position relative for your side bar, the bug disappears.
Tested Safari 1.2.5/OS X 10.3.7 and Omniweb 5.1b5.

No side effects in Firefox, nor IE mac. If IE win causes problems, hide 
those rules:
*>#nav { /* rules, IE win won't see me */ }

> Thanks again, I'm going to file a bug on this.

Yes, please do. I suspect that is somehow related to that old bug I 
mentioned previously.
>

Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: