469,284 Members | 2,485 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,284 developers. It's quick & easy.

3-Col Layout / Background-Pics - MSIE: ugly white space

I use a 3-Col CSS Layout. For the background of the columns, a use
bg-pictures like
<body>
<div id=wrap1><div id=wrap2> (bg-pic for left and right col)
....

Problem: MSIE : ugly white space between bottom and right column
Site:
http://protecsardinia.com.jovinus-me...id_rubrique=16

I do not find out, where the *white* space is coming from, even if I'm
using backgroud-colors for all tags.
Any idea to correct this "rendering bug"?

regards
Patrick Ogay

Jan 14 '06 #1
5 2138
Els
pogay wrote:
I use a 3-Col CSS Layout. For the background of the columns, a use
bg-pictures like
<body>
<div id=wrap1><div id=wrap2> (bg-pic for left and right col)
...

Problem: MSIE : ugly white space between bottom and right column
Site:
http://protecsardinia.com.jovinus-me...id_rubrique=16

I do not find out, where the *white* space is coming from, even if I'm
using backgroud-colors for all tags.
Any idea to correct this "rendering bug"?


You have wrongly nested elements, such as <div> inside <p>. The
validator gives a total of 15 errors. Best fix those errors, and then
see if that whitespace is still there.

Opera doesn't do what you want either btw, the footer is spread over 3
columns, starting from the middle column. (yes, that means that the
Copyright bit in the footer is actually to the right of the entire
page).

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jan 14 '06 #2
thanks for the hints.
I just tried Opera 7Beta. there are problems with the horizonal
<ul><li>. urgh...

I do know, there is a validation problem with the querystrings, and
with some content, generated by the CMS.
I have to reduce the template to an absolute minimum for relevant
tests.

Patrick

Jan 14 '06 #3
pogay wrote:
thanks for the hints.
I just tried Opera 7Beta. there are problems with the horizonal
<ul><li>. urgh...

I do know, there is a validation problem with the querystrings, and
with some content, generated by the CMS.
I have to reduce the template to an absolute minimum for relevant
tests.

Patrick


Opera 7 Beta??? The current one is 8.5. http://opera.com/ It's free
now and also free of the ads. Although, 8.5 doesn't render your page
right either.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Jan 14 '06 #4
I worked hard (just to be 150% shure)

http://protecsardinia.com.jovinus-me...2e/render.html
This HTML validates (http://jigsaw.w3.org/), but the problem remains.

"the white space" is part of wrap.
It's seems to be a problem of the footer, a empty footer <div
id="footer"></div> doesn't cause this problem:
http://protecsardinia.com.jovinus-me...e/render1.html
(empty)
http://protecsardinia.com.jovinus-me...e/render2.html (.
same as &nbsp;)

may be there is a way for a correct positioning of the footer...

Patrick

Jan 19 '06 #5
#footer {
background-color: magenta;
margin-bottom: 0px; /* solved the MSIE Problem */
}
Patrick

Jan 20 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by Mark Moore | last post: by
1 post views Thread by Generale Cluster | last post: by
2 posts views Thread by shagy | last post: by
13 posts views Thread by Harlan Messinger | last post: by
4 posts views Thread by Andreas Prilop | last post: by
2 posts views Thread by Ed Jay | last post: by
reply views Thread by zhoujie | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.