[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/