SEO Services
Home >>
Webmaster Forums >>
Help keeping centre content in the centre!Help keeping centre content in the centre!
quinny said: "have a look here [url]http://www.oneillfeedsystems.com/ballinadee/ezymove/index.php[/url]
this is really pissing me off at this stage ...whenever i think i have it sorted i find that somthing else goes wrong
heres the css
[CODE]body { background-color:white ;
font-family:Verdana;
font-size:10px;
color:black;
scrollbar-face-color: red;
scrollbar-highlight-color: darkorange;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: antiquewhite;
scrollbar-arrow-color: black;
scrollbar-track-color: whitesmoke;
}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
background-color: white}
h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px
}
html, body{
margin:0;
padding:0;
}
#pagewidth{
width:100%;
min-width: 500px;
}
#header{
height:90px;
width:100%;
background-color:#FF0000;
}
#outer{
border:solid white 0px;
/*/*/ border-left-width: 120px ; /* left column width. NN4 hack to hide borders */
border-left-color: #FF0000; /* left column colour */
border-left-style: solid;
/*/*/ border-right-width: 120px; /* right column width. NN4 hack to hide borders */
border-right-color: #FF0000; /* right column colour */
border-right-style: solid;
background-color: #FFFFFF; /* center column colour */
width: auto;
}
#rightcontent{
/*/*/ width:170px; /* hack keeps NN4 right column right? */
float:right;
position:relative;
margin-right:0px;
margin-left:0px;
border:1px solid red;
}
#inner{margin:0; width:100%;}
#centercontent{
float: center;
position: relative;
padding-left: 0pt;
padding-right: 0pt
}
#outer>#inner { border-bottom: 1px solid #FFFFFF; }
.clr{clear:both;}
.content{padding:0px;} /*padding for content */
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/
#footer{
float: left;
height:50px;
width:100%;
padding-left: 50px;
padding-right: 70px;
background-color:#FFFFFF;
}
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#outer{border-left:0;}
/*hide the right column when printing*/
#rightcol{display:none;}
#outer{border-right:0;}
}
[/CODE]
and index
[CODE]
Home
[/CODE]"
edwin said: "this is the reason i use absolute positions."
<h1> said: "this is the reason I use tables ;)"
Darksat said: "Stick a table in centercontent.
EG
[code]
[/code]
or use absolute positioning"
quinny said: "sticking in the table is making the font bigger...why is that?"
Darksat said: "Put this in the stylesheets
[code]
TD { background-color:white ;
font-family:Verdana;
font-size:10px;
[/code]"