Mabs22
01-10-2006, 08:07 PM
I've used the dual sidebar css from this site and i can get it to work for the most part but when I tweak it the "center" section wont move down no matter how high I make the numbers. I've tried adding "position: absolute; " but then the right sidebar wont work correctly, it moves to the middle. Does anyone know how to rectify this problem?? thank you!
Mabs22
01-10-2006, 08:10 PM
#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 0px;
width: 100px;
}
#center {
position: ;
width:400px;
top: 650;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 35px;
top: 0px;
width: 100px;
for reference
kittycat
01-10-2006, 10:05 PM
In the #center section you have
position: ;
Add absolute in there so it's
position: absolute;
Mabs22
01-10-2006, 10:31 PM
I already tried that and it didn't work but that doesn't matter anymore I fixed it lol <3
Now I have another question; my page works fine and dandy in IE but it doesn't work correctly in other browsers. My right sidebar gets squished into the center of the page or the center section goes askew. Is there a code that can stop this?? Thank you!
It's because the margin-left and margin-right specify how much space there should be between the center div and any element on its left and right. At the moment, it means your page's width sums up to over 1000 pixels. I'm currently too lazy to test everything, but if you put up a test page on which I could see your entire coding, I might help.
Mabs22
01-11-2006, 03:27 PM
http://www.pinkinthemirror.com/ImperfectCreations
Thats all the code right there. Thank you sooooo uber much!!! <3
Monkey Bizzle
01-11-2006, 04:03 PM
http://www.pinkinthemirror.com/ImperfectCreations
That link doesn't work... I looked in my cPanel and you have a directory called "Imperfect Creations" but there are no code files in there.
Mabs22
01-11-2006, 04:44 PM
lol thats cuz i'm a jerk and I forgot the .html @ the end.
http://www.pinkinthemirror.com/ImperfectCreations.html