hiazle wrote:
Ok, I made a mistake on the HTML and CSS that I provided but you really
have to burn me for it?
Sorry, but I didn't mean to "burn" you; I was just pointing out a
problem. It was hindering my understanding of this problem (and could
get in the way for other people and in other posts you might make in the
future). I tried to phrase it as best I could. (I also wasn't sure if
your diagram looked hunky-dory in your newsreader; maybe everything
looked fine yo you, even in my reply. At least I'm not crazy. ;-)
Unfortunately I do not have a url to provide at
that moment so I have to improvise in order to give you a visual of
what I'm trying to accomplish
The diagram was meant to look like this:
|-----------------------------------||--------------------|
| || |
|-----------------------------------|| |
| || |
|-----------------------------------||--------------------|
Yay! Much better.
And the html was supposed to look like this:
<snipped; see below>
>
And the CSS:
<snipped; see below>
>
All this works fine in Firefox and Opera, but in IE there is a white
space between the two divs on the left and the one on the right
Well, I don't know the answer to your problem, but I spent some time
looking at it, and maybe somebody else (or you!) can figure it out from
here.
First, I've taken your HTML and CSS and posted it on a server to which I
have access:
http://www.zugerfechtclub.ch/MM/Junk/hiazle.htm
Second, I modified your styles to provide contrasting (ugly) colors and
some visible texts. Doesn't change your problem at all. This gives your
"white space" an ugly orangey color; the space is from div#main.
Third, I added a second (tweaked) instance of your code, separated from
your otherwise unchanged code by a clear and some <HR>s.
I see by trial and error that your backgrounds, margin-rights, and
padding-left are all irrelevant to your problem. If this had been *my*
problem I was posting, I would have left all that stuff out.
What does seem to make a difference, although it doesn't solve your
problem, is removing the heights for the two left-hand DIVs (menu and
heading). For some reason I don't know, this eliminates the space in IE.
Of course, then your DIVs are the wrong size...
I had rather suspected the 3-pixel jog, but as I tried to understand the
explanation at
<http://www.positionise verything.net/explorer/threepxtest.htm land
played with the code, I came to think it must be something else. But
maybe somebody else here knows.
--
John