http://www.invisiblewebdesign.co.uk/...columnleftbar/
I am having problems displaying this correctly on i.e. 5.5 and below...if you have these browsers the problem lies that the right hand column is forced below the left side...if anyone has any ideas please let me know how to fix..
Links to Pics of problem
Top : http://img50.imageshack.us/img50/6278/64445778oc.jpg
Bottom : http://img228.imageshack.us/img228/1984/64445807ot.jpg
Hope this makes things clearer
How about my css too : - This is driving me nuts...i cannot see which box model part ! AARRRGGGHH
RodentPHP Code:<?php Header ("Content-type: text/css");?>
*
{
margin:0;
padding:0;
}
body
{
font:10pt Verdana, Arial, Helvetica, sans-serif;
background:#bdc7ce;
text-align:center;
color:#353635;
}
h1
{
font:28pt georgia, verdana, arial, sans-serif;
color:#fff;
padding:20px;
}
h2
{
font:14pt georgia, verdana, arial, sans-serif;
letter-spacing:-2px;
color:#304462;
border-bottom:1px solid #304462;
padding-bottom:5px;
text-align:left;
}
h3
{
font-size:10pt;
letter-spacing:-1px;
color:#304462;
padding-bottom:2px;
text-align:left;
font-weight:700;
}
p
{
font:8pt verdana,sans-serif;
text-align:left;
padding-top:15px;
}
#contain
{
width:700px;
border:4px solid #fff;
background:#d1d8dd;
margin:10px auto;
}
#header
{
height:200px;
border-bottom:1px solid #fff;
text-align:left;
background-repeat:no-repeat;
background-image:URL(http://www.invisiblewebdesign.co.uk/demo/templates/business/2columnleftbar/images/topbar.jpg);
}
#navbar
{
border-top:4px solid #fff;
border-bottom:1px solid #fff;
background:#304462;
text-align:center;
font-family:helvetica, arial, verdana, tahoma, sans-serif;
letter-spacing:-1px;
font-size:130%;
height:30px;
}
#leftcol
{
width:129px;
float:left;
text-align:left;
border-right:1px solid #fff;
}
#readmore a
{
font-size:8pt;
letter-spacing:-1px;
color:#304462;
text-align:left;
font-weight:700;
text-decoration:none;
}
#leftcol p
{
padding:10px;
}
#leftcol h2,#leftcol h3,#content h2
{
margin:0 10px;
}
#content h3
{
margin:10px 10px 0;
}
#content
{
float:left;
margin-left:-1px;
width:570px;
border-left:1px solid #fff;
}
#content p
{
text-align:justify;
padding:10px;
}
#content img
{
float:right;
border:1px solid #FFF;
margin:10px 10px 0;
}
#footer
{
clear:both;
border-top:1px solid #fff;
background:#304462;
}
* html #footer
{
height:1%;
}
#footer p
{
text-align:right;
font:8pt verdana, arial, sans-serif;
color:#fff;
padding:4px 4px 4px 0;
}
#navbar a:hover
{
color:#fff;
border-bottom:4px solid #fff;
}
#navbar a
{
padding-left:20px;
padding-right:20px;
padding-bottom:5px;
text-decoration:none;
color:#fff;
font:10pt verdana, arial, sans-serif;
}
#footer-nav a
{
text-decoration:none;
color:#304462;
font:8pt verdana, arial, sans-serif;
}
hr
{
border:0;
width:100%;
color:red;
background-color:#fff;
height:1px;
}
Bookmarks