[css-d] Float problem with order of HTML
Hi, I'm trying to create a layout that has the nav section taking up a left hand column from position 0,0 of the container, with a header and then content on the right. I want to do this with the nav HTML element appearing below the header, but without using absolute positioning. My progress so far is at: http://www.roryf.co.uk/projects/safhs This shows the desired effect I want but has the nav first in the HTML. If it comes second it renders below the header, whatever margin- left or float value I give to the header element. The only way I've found is giving the header an absolute width, but this then causes problems with the margin-right on the nav and I'd rather it was more flexible than that. Any suggestions? Cheers Rory __ 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] Float problem with order of HTML
Rory Fitzpatrick wrote: http://www.roryf.co.uk/projects/safhs This shows the desired effect I want but has the nav first in the HTML. Maybe this all floats layout will work for you... http://www.gunlaug.no/tos/alien/alien/test_08_1029.html Relevant CSS: http://www.gunlaug.no/tos/alien/alien/test_08_1029_files/layout00.css regards Georg -- http://www.gunlaug.no __ 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] Float problem with order of HTML
Rory Fitzpatrick wrote: Hi, I'm trying to create a layout that has the nav section taking up a left hand column from position 0,0 of the container, with a header and then content on the right. I want to do this with the nav HTML element appearing below the header, but without using absolute positioning. My progress so far is at: http://www.roryf.co.uk/projects/safhs Rory Header first, content second, vertical nav third, and footer fourth in source is also possible with a float construction... http://www.chelseacreekstudio.com/ca/cssd/test-61.html -- A thin red line and a salmon-color ampersand forthcoming. 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/