Forum Moderators: not2easy
<html><style>
body { margin-left: 0 margin-top: 0 }
#left { left: 0 width: 20% }
#content { left: 20% width: 60% }
#right { left: 80% width: 20% }
</style>
<div id="left">LEFT</div><div id="content">MIDDLE<div id="right">RIGHT</div></body>
Also, they just overlap in one big jumble in the middle top for Netscape 4.
How can I get it to look good?
And how can I get it so that when a browser like Netscape 4 comes on, it can just go to a plain text version without the requirement of Javascript?
Thanks beforehand for any provided help :)
padding:0; margin:0;
top ¦ right ¦ bottom ¦ leftthe percentage value refers to the height of the containing block
Try floating the boxes left and giving them widths instead, although be aware that percentage widths will cause rounding differences at different resolutions... (can't be part of a pixel).. so it's quite hard to accurately predict the width unless you're working inside a fixed width container..
Try floating the boxes left and giving them widths instead,..
ok ok ;)
wrong emphasis on sentence - it's the float that should be the "instead" i.e. instead of positioning with top, left etc..... but I also meant to say they will still need widths and to be aware that percentage widths will/could cause rounding errors
read:
Try floating the boxes left instead, you will still need widths on floats, although.....
