CSS - IE & FF ?!?
Out of context: Reply #10
- Started
- Last post
- 15 Responses
- mg330
Alright, I've got the pages posted.
Version 1: The container uses a negative margin (as shown in a Zen Garden example) and actually does center the left menus and content, except when the browser window is made smaller. Then, the areas below the Header are not aligned with the Header)
http://www.mg33.net/work/mgcss1.…
CSS page:
http://www.mg33.net/work/mgcss1.…The particular bit of negative-margin code for the container is:
#container {
padding: -1px 10px 0px;
width: 700px;
position: absolute;
left: 50%;
margin-left: -370px;
text-align: left;
}Second version w/out negative margin:
http://www.mg33.net/work/mgcss1-…CSS for container:
#container {
padding: -1px 10px 0px;
width: 700px;
height:100%;
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
}
---------------
Both work fine in IE. The negative margin works in FF except for the offset, noncentered aspect if you shrink the browser down.Anyhow, if someone has a tip I would greatly appreciate it. This page is built off the Blue Planet templates, with modifications. I've just been sinking my teeth into all this for the past week with lots of trial and error but I'm getting the hang of it.
For this page, and site, I want the header, and two columns and a footer to center on the page at all times.
Thanks. :)