Serkan Kibritoglu wrote: > I'm working on this issue about 2 days. Actaually result view i > wanted to get, looks very easy: > http://www.craftedwear.com/temp/content.gif
It should be easy, but I know it isn't. > But when it comes to css design our navigation bar (page 1 2...) > sticks extremly down of it's parent div (#content). I've tried all > possible clear, float, display combinations on nav bar but didn't get > any clear and expected result. A clear will clear everything within sight - unless we isolate it within a container. > http://www.craftedwear.com/temp/content.html Look at the following... <http://www.gunlaug.no/tos/alien/test_07_1260.html> ...where I've used the establishment of a new 'block formatting context'[1] to isolate the #content container from the rest of the page. IE6 needs its 'hasLayout'[2] trigger, of course. This will prevent the navigation bar from clearing the #leftcol. This will of course _also_ prevent the #content from stretching to become as tall as #leftcol, but you can can't have it both ways without adding a few extra elements to the source-code - and fake the appearance... <http://www.gunlaug.no/tos/alien/test_07_1262.html> IE6 adds a few bugs, but otherwise it should give you a few ideas. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#q15 [2]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
