Hi !
I know, there are lots of vertical alignment threads already on this forum, but I believe mine might be a bit more complicated.
Already tried a few methods, I could make none of them work.
I managed to horizontally center my layout, but vertical centering is another issue.
One of my divs has absolute positioning, and so do the elements inside of it. This works without problem. But because of those elements, I could not center the layout vertically. I don’t understand why this should be an issue vertically and not horizontally, but…
Not even talking about IE, this is just plain old firefox 2.
The link to the website :
[url]http://millesaisons.fr/millesaisons
(I know… colored scrollbars… that was a client’s request… ^^; )
The divs that matter :
[code=html]
#background {
position:absolute;
width:100%;
height:932px;
margin-top:0px;
left:0px;
top:0px;
clear:both;
}
#container {
display:block;
width:1260px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
}
#arbre {
background-repeat:no-repeat;
display:block;
position:relative;
left:0px;
width:1260px;
height:932px;
background-image:url(/millesaisons/wp-content/themes/default-fr/images/fantasy/fond.jpg);
z-index:0;
}
And the html :
[code=html]
<body class=”site”>
<div id=”background”>
<div id=”container”>
(some stuff in between, absolutely positionned)
<div id=”arbre”>
<div id=”content”>
content here
</div>
here a bunch of absolutely positionned divs
</div></div></div>
</body>
I’m sure the code is full of errors, no need to do a validation. All the javascript inside is rendered as errors.
Any hint on what to do ?
I must confess that I reused the CSS of the website I did three or four years ago, so maybe that was not the best solution for horizontal and vertical aligning.