473,585 Members | 2,689 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2282
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
12340
by: Applebrown | last post by:
Hello, basically, I'm just learning intermediate CSS and trying to convert my old table webpage completely to CSS. Hoorah, right? Well, it's not quite going as planned. It's an extremely simple layout, and I'm finding myself stuck with small white space in between my images where I planned for the graphics to be stacked up right on top of one...
0
15186
by: Mark Moore | last post by:
I'm trying to layout a couple text input fields and their corresponding labels without using a table. When I was trying to debug my understanding of CSS, I was *very* surprised to see that span's with borders behave counter-intuitively (IMHO) when using style="white-space: nowrap;". Below is a fairly small chunk of XHTML that demonstrates...
1
4326
by: Generale Cluster | last post by:
hello, I've made a template which has the layout I want, but there is an undesired white space between the left elements and the right column. How can I remove it? Thank you Bye!! Here's the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2
6413
by: shagy | last post by:
Hi, I'm having a problem with a <select><option> which has white space in values... When I post the data I only get the first word (up to the white space). "Testing white space" becomes "Testing" after posting code... <select name="descr" id="descr">
13
2688
by: Harlan Messinger | last post by:
What rules deal with attribute values with trailing spaces, or tags or attribute values with embedded newlines? Examples below: the HREF with embedded newline, the SRC with trailing spaces, and IMG tag spread over multiple lines. <a href="myself.html "> <img src="/images/picture.gif " width="80" height="65" alt="What, me worry?"></a>
4
3577
by: Andreas Prilop | last post by:
How many spaces should be displayed in A <span style="display:none">x</span> B between "A" and "B"? I notice that Mozilla displays one space and Internet Explorer (5 & 6) displays two spaces. See http://www.unics.uni-hannover.de/nhtcapri/temp/white-space.html for a cumulative effect. Why is this important? Instead of "span", think of...
2
8185
by: Ed Jay | last post by:
I generate several string in a js. I output the strings to an invisible container using inner.HTML. Then, the container is made visible. For layout purposes, I want to precede some of the strings with significant white space. I find that using either multiple spaces within quotes or a string of &nbsp; doesn't work. I get one space and the...
28
1901
by: Alan Silver | last post by:
Hello, Here I am again with another "why does IE do that" question!! Please have a look at http://www.kidsinaction.org.uk/fd/homepage.html and see if you can work out why IE adds a one pixel white space on the left and right side of the links with the light-green backgrounds. It doesn't do it on the header links, which have darker green...
3
12529
by: amandadev | last post by:
Hi there, Please take a look at: bluecelery.amandadevries.com/index.html as well as the CSS and tell me why there is a white space in the table in Firefox (that looks like a white horizontal line running through the entire layout) which isn't present in IE (which, by the way, is the way I want it to be).
0
7900
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, well explore What is ONU, What Is Router, ONU & Routers main...
0
7832
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8192
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
1
7943
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
6592
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development projectplanning, coding, testing, and deploymentwithout human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
0
5382
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
2338
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1442
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1167
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.