On 15 Feb 17:07, Mark Rogers wrote:
On 15/02/10 15:11, Brett Parker wrote:
Usual method round that is to float menu to left, content to right, wrap them in a containing div, and have one more div in there that is basically just a clear: both; so that the footer kicks in in the right place (though, you can just make that div the footer and have done with it :)
Thanks for confirming what I thought!
I went looking at the code causing a problem and found all sorts of bodges in the CSS, which having stripped most of them out I did make everything work.
One problem seems still to be that I have to fix the MENU and CONTENT widths. Otherwise, if the CONTENT pane is fixed width as a result of its content (eg if it comprises only a fixed width table) the entire CONTENT "pane" floats to the right hand edge of the layout, leaving an ugly gap between the MENU and CONTENT panes. Although that could also be something else wrong in the code I'm looking at.
I tend to stick to percentage widths, fixed width layouts are generally a bad idea anyways ;)
Well, you can transcribe a div layout in to a table layout *IF* you forget about interwebnets exploder, as the css spec allows you to do that with the display attribute (IIRC).
Unfortunately the pressure is always to *only* pay attention to IE, and forget the alternatives. It is *so* helpful that there are at least 3 IE versions to pay attention to now:
Q: why do you use Firefox? the whole world uses IE so you should do everything that way A: OK, which version of IE do you want me to use? Q: The same one everyone else uses A: Well you seem to be on v7, there's a lot of people still on v6 because they can't upgrade, and anyone who keeps up with updates will be on v8. Q: <pause, then change subject, the simple solution just got too complicated>
Yup, been there, got that t-shirt :)