Hi folks,
I am trying to solve the following problem. I am creating a centred site that stretches all the way down. It is a three column layout with on the top a top-image layer working as titlebar. The left and right column are not filled with enought content (i.e. they wont properly stretch down to the bottom) so I added a background image incorporating the background colour of the menucolumns.
The trouble is that when I do that the background-image and the div layer containing all other elements are shifted.
In the example listed beneath you can see that the top image (760px wide) has a "piece" of visible layer background next to it (so its bigger then my intended 760px). What do I have to do to fix this problem.
<!-- m --><a class="postlink" href="http://www.drenthe.nl/sub/csstest/testing.htm">http://www.drenthe.nl/sub/csstest/testing.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.drenthe.nl/sub/csstest/testing.cssInstead">http://www.drenthe.nl/sub/csstest/testing.cssInstead</a><!-- m --> of
.total
{
position: absolute;
left: 25%;
top: 0px;
width: 760px;
height: 100%;
z-index: 10;
right: auto;
bottom: auto;
}
Try:
body {
margin: 0;
padding: 0;
text-align: center; /* Centers layout in IE5-Win */
}
.total {
margin: 0 auto; /* Centers site in standards browsers. */
position: relative;
text-align: left;
width: 760px;
z-index: 10;
}
Remove height: 100% from .menu, .contentmain, and .fotolijst. It doesn't do anything.Thanx, I'll try it an d let you know!And it worked!!! Thank you so much man! Still the text is not alligned to the left but I'll figure that one out myself (and if not , I know where to post my quistions)
Once again, thanks!
Greetsz ArjanHey, no problem, Poll. We'll be waiting
And it al works as it should.
THANX AGAIN!
I am trying to solve the following problem. I am creating a centred site that stretches all the way down. It is a three column layout with on the top a top-image layer working as titlebar. The left and right column are not filled with enought content (i.e. they wont properly stretch down to the bottom) so I added a background image incorporating the background colour of the menucolumns.
The trouble is that when I do that the background-image and the div layer containing all other elements are shifted.
In the example listed beneath you can see that the top image (760px wide) has a "piece" of visible layer background next to it (so its bigger then my intended 760px). What do I have to do to fix this problem.
<!-- m --><a class="postlink" href="http://www.drenthe.nl/sub/csstest/testing.htm">http://www.drenthe.nl/sub/csstest/testing.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.drenthe.nl/sub/csstest/testing.cssInstead">http://www.drenthe.nl/sub/csstest/testing.cssInstead</a><!-- m --> of
.total
{
position: absolute;
left: 25%;
top: 0px;
width: 760px;
height: 100%;
z-index: 10;
right: auto;
bottom: auto;
}
Try:
body {
margin: 0;
padding: 0;
text-align: center; /* Centers layout in IE5-Win */
}
.total {
margin: 0 auto; /* Centers site in standards browsers. */
position: relative;
text-align: left;
width: 760px;
z-index: 10;
}
Remove height: 100% from .menu, .contentmain, and .fotolijst. It doesn't do anything.Thanx, I'll try it an d let you know!And it worked!!! Thank you so much man! Still the text is not alligned to the left but I'll figure that one out myself (and if not , I know where to post my quistions)
Once again, thanks!
Greetsz ArjanHey, no problem, Poll. We'll be waiting
And it al works as it should.THANX AGAIN!