Maybe:

 #main {
    width:100%;
     padding:0 50px 0 50px;
 }

hmm. Then left and right won't really be 50% each. More like 50% minus 100px. Maybe play with %s on those 2. Seems like it won't be pixel-perfect. Seems like you would need wiggle room.

HTH... a little maybe?? :-P




On Feb 4, 2005, at 11:11 AM, Joey wrote:

Hi everyone,

I wondered if anyone knew of some code for a simple 2 column layout, imagine:

 50% Left Column
 50% Right Column

And when you stretch the browser the 2 columns will stretch too, but always both stay 50% of the browsers width. I have tried setting up something like this:

<div id="main">
 <div id="left"></div>
 <div id="right"></div>
 </div>


#main {     margin-left:50px;     margin-right:50px; }

 #left {
     width:50%;
     float:left;
 }

 #right {
     width:50%;
     float:left;
 }


But that only works in firefox, and i need this layout to be al all browser thing. Im sure its simple to do, but i cant seem to get it to work in IE.


 Thanks guys!

 Josef

----------------------------------------------------------------------- --------------------------------

Josef Dunne
 Web Developer

w: http://www.burninthespotlight.com

Get Firefox!

----------------------------------------------------------------------- --------------------------------
THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION.
IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH
INFORMATION.
----------------------------------------------------------------------- --------------------------------



------------------------ Tom Livingston Senior Multimedia Artist Media Logic mlinc.com


****************************************************** The discussion list for http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to