I am trying to place a second identical sidebar on my page for adsense.
Here is the CSS:
#page {
width: 940px;
margin: 0px auto;
padding: 5px;
position: relative;
top: 20px;
background-color:#F3EFA3;
border: 3px groove #00BFFF;
}
#sidebar {
background: #C0DCC0;
width: 120px;
border: 2px solid #2A0000;
position: absolute;
height: 600px;
top: 200px;
right: 2%;
float: right;
}
#sidebar2 {
background: #C0DCC0;
width: 120px;
border: 2px solid #2A0000;
position: absolute;
height: 600px;
top: 200px;
left: 2%;
float: left;
}
#footer {
width: 70%;
font-family: Arial, Helvetica, sans-serif;
color:#D47F00;
position: relative;
bottom: 30px;
text-align:center;
z-index: 1;
left: 15%;
height: 30px;
vertical-align:text-bottom;
line-height: 30px;
margin-bottom: 30px;
margin-top: 50px;
top: 95%;
}
This is two divs either side of the central column #page and above #footer. #sidebar is great.
I thought this would also work for the left hand div #sidebar2, but it sits nearly all the way below #page and pushes the footer all the way down.
Help would be great.
I am hopeful for a resolution to this with you guys having a 100% success rate with me so far.
Cheers.
Message was edited by: hobittual
PS I just found out this works perfectly as a local file in my browser, but not when I upload it to the server?
