Hello all,
I'm having a hell of a time over here trying to get this (seemingly simple)
layout work cross browser and was wondering if anyone could point me into
the right direction.
Basically it's a centered three column layout (51px wide/410px wide/445px
wide), without a footer or header. Can anyone see where I'm going wrong?
Here's my attempt that just doesn't want to work for me.
html,body{margin:0;padding:0}
body {
font: 62.5% 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-align:center;
background-color: #333;
}
p {
font-size: 1.1em;
line-height: 1.4em;
text-align: left;
color: #CCC;
}
#container{
width:905px;
height:914px;
margin:0px auto;
text-align:left;
padding:0px;
border:1px dashed #333;
background-color:#BBB;
}
#left {
border: 0px solid #CCC;
background: #666;
width: 51px;
padding:5px;
float:left;
}
#middle {
border: 0px solid #CCC;
background: #666;
width:400px;
padding:5px;
float:left;
}
#right {
border: 0px solid #CCC;
background: #666;
width: 440px;
padding:5px;
float: left;
}
Thanks in advance,
¬
ryan mayer
bluehaus communications
bluehaus.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
