No replies
alee_001
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+3
Joined: 2009-09-22
Posts: 1
Points: 0

Sad
Hi Guys,

Guys m running out of time, and the problem is rattling my head, as i have a little knowledge of css,
Guys basicaly m a PHP Developer m trying to make a site which uses the pages that can extend them according to the data fetched, i have got header, left side bar, center and a footer, everything is working well but whenever i try to use the padding inside left column or center it disturbs the whole page alignment it ignores the float attribute. and dispays the center coloumn below the left one.
Problem no 2: i need my Main wrapper and the center which is the main column to be extend as the text in that is extended, one thing more my footer is not with in the main wrapper which holds all the header left and main cloumn, its a sticky footer out side the wrappper.
To have a look m pasting here the code:
Please help me otherwise i'll be killed by my boss.

/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background: url(../images/bg-main.gif) repeat-x top left; height: 100%
}

#pagewidth{
width:1000px;
text-align:left;
margin-left:auto;
margin-right:auto;
height: auto !important; min-height: 100%
}

#header{
position:relative;
height:82px;
background-color: #09F;
width:100%;
}
.toolbox{background:url(../images/Header-bg.gif) repeat-x top #006193;height:82px; width:1000px; margin:0 auto}
.toolBoxSmall{background:url(../images/smallTd.gif) repeat-x top #006193;height:20px;width:1000px; margin:0 ; padding: 7px 0px; vertical-align: middle}
.toolBoxSmall a{color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.toolBoxSmall a:hover {color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#leftcol{
width:250px;
float:left;
position: relative;
background:#FFF;height: auto !important

}

#maincol{
float: right;
position: relative;
width:750px; background: #fff;
height: auto ; min-height: 250px !important
}

#footer{
height:4em;
background-color:#FFFFFF;
clear:both; background:url(../images/footer.gif) repeat-x left
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}