Sent by Zoe M. Gillenwater on 28 April 2006 13:01
Ryan Mayer wrote:
> 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;
> }
>
>
>
Ryan,
Your CSS is meaningless without the HTML that goes with it. Can you
please post a link to your page? A description of what the actual
problem is, and what the expected results are, would be good too.
Make sure you validate your HTML and CSS before sending us a link.
Fixing any problems there might be all you need.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/