JohnKimble
Banned
Originally posted by: Turkish
Originally posted by: JohnKimble
Sorry, can\'t edit b/c scripting is disabled
9. To align the whole page without much trouble, do body {text-align:center;} and then make a div aruond the whole website, and if you have one then add margin:0 auto; which will add automatic margins to left & right sides, and text-align:left to make the text in the site align left. The reason for body {text-align:center;} is because IE5 doesn\'t understand the margin left&right, but it will center if you do text-align:center. Remember, you\'re putting this in the container, so for ex
body {
text-align:center;
}
#container {
margin:0 auto;
text-align:left;
}
just did what you said but nothing changed on the site? can you check the code and tell me what I am doing wrong? thanks 🙂
Well, it would have worked if you didn't position all the layers absolutely. So you can either keep it that way, or make it more compatible/easy to edit by removing the position:absolute; in all the layers, and basically re-designing it.
If I were you, I would start from scratch. This is how I would do it...
Make a div for the header, a div for the left column, a div for the center column, and a div for the right column.
*Assign the header the width of the site (760px+), and a height for the banner.
*Assign the left column a width in pixels (140px?), and make it float left.
*Assign the center column a margin-left: of 140 pixels, or even more.
*Assign the right column a width in pixels just like the left, and make it float right.
This is just off the top of my head, and it probably isn't right but with some experimenting, it could be.
Got AIM?