[css-d] Positioning navigation and IE 6 positioning.
Two questions: 1. I'm working on a website, which has a simple horizontal navigation bar. When the browser window is resize, all the text in the bar bumps down to multiple lines, messing up the layout. How can I prevent this? 2. On the same website, in IE6, when the browser window is resized, the right column slips under the left column. How can I prevent that? The site link is:http://www.politicalfilter.com/content/frontpage/, and yes the HTML and CSS validiate. Thanks for any suggestions. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning navigation and IE 6 positioning.
Brandon Blatcher wrote:
> Two questions:
>
> 1. I'm working on a website, which has a simple horizontal navigation
> bar. When the browser window is resize, all the text in the bar bumps
> down to multiple lines, messing up the layout. How can I prevent this?
>
> 2. On the same website, in IE6, when the browser window is resized, the
> right column slips under the left column. How can I prevent that?
>
> The site link is:http://www.politicalfilter.com/content/frontpage/, and
> yes the HTML and CSS validiate.
>
> Thanks for any suggestions.
>
1. You will not be able to stop it from bumping down. Accommodation is
your best bet: create a new orange background image that has no
border-bottom and let it repeat to fill the space, vertically and
horizontally, regardless of the window width or user preference for
font-scaling.
2.
One way:
IE/6 needs "play room."
#main
{ border:1px solid fuchsia/*test*/;
margin: 0px 0 0 /*16px*/0 /*amened*/;
width: /*78%*/76%/amend*/;
}
#rightcol
{
float:left/*add*/; width: 20%/*add*/;
}
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning navigation and IE 6 positioning.
1. Measure the width of the menu bar that you always want to keep on one line (I think it's app. 950 pixels) and make sure the contents are contained in a div (or UL or whatever block-element) that's has a specific width of (at least) 950 pixels. 2. Kinda like the same answer. Make sure both columns are wrapped in a DIV with a certain specific width. Then when the browser is resized, that DIV will just be invisible outside the browser window. That would be quick fixes, I'd say. --- On Tue, 6/24/08, Brandon Blatcher <[EMAIL PROTECTED]> wrote: From: Brandon Blatcher <[EMAIL PROTECTED]> Subject: [css-d] Positioning navigation and IE 6 positioning. To: "css-discuss" Date: Tuesday, June 24, 2008, 4:26 PM Two questions: 1. I'm working on a website, which has a simple horizontal navigation bar. When the browser window is resize, all the text in the bar bumps down to multiple lines, messing up the layout. How can I prevent this? 2. On the same website, in IE6, when the browser window is resized, the right column slips under the left column. How can I prevent that? The site link is:http://www.politicalfilter.com/content/frontpage/, and yes the HTML and CSS validiate. Thanks for any suggestions. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
