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

#1

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

#2

pogay wrote:

Quote:

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 -

#3

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

#4

pogay wrote:

Quote:

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

#5

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

#6

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

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

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

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

3-Col Layout / Background-Pics - MSIE: ugly white space - 01-14-2006 , 12:42 PM

Re: 3-Col Layout / Background-Pics - MSIE: ugly white space - 01-14-2006 , 12:50 PM

Re: 3-Col Layout / Background-Pics - MSIE: ugly white space - 01-14-2006 , 02:29 PM

Re: 3-Col Layout / Background-Pics - MSIE: ugly white space - 01-14-2006 , 02:53 PM

Re: 3-Col Layout / Background-Pics - MSIE: ugly white space - 01-18-2006 , 06:17 PM

Re: 3-Col Layout / Background-Pics - MSIE: ugly white space - 01-20-2006 , 12:48 AM