5 replies [Last post]
Hakimoto
Offline
newbie
Brussels, Belgium
Last seen: 18 years 9 weeks ago
Brussels, Belgium
Joined: 2003-08-24
Posts: 5
Points: 0

Hello everyone!

I´ve just arrived at the forums... and I´d like to take the opportunity and kindly ask for help on an issue here... I´ve been trying to get back into "web programming" after a very long time away and with CSS, although I find it absolutely wonderful, I´ve had some problems. The page in question is:

http://eroteme.org/contact/contact_en.html

It renders just fine in Mozilla 1.4final on my SGI, and also on Mozilla 1.4b for Win, however in IE6 I get some issues, namely that the whole thing after the first "complete width spanning" contained div is moved down...

I´d enormously appreciate any input on this, if you have the time to spare. The problem for me is, that I like to use mozilla for its good support of standards, however a lot of the audience won´t be using it at all. (Why do I use mozilla too? Because on my SGI I can type Unicode with keymaps, and once you reach seven languages side by side... no point of doing it in Windows... Smile ).

The css files are world-readable and are found in the directory /css on eroteme.org.

Thanks again.

(PS: I´ve been wondering about the float property... but it doesn´t seem to change anything...)

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Rendering problem with containing div and four divs inside..

Hi Hakimoto,
I can't see any difference between Netscape and IE.
Have you fixed it already? If not could you do screen shots or something to point out the problem.

Hakimoto
Offline
newbie
Brussels, Belgium
Last seen: 18 years 9 weeks ago
Brussels, Belgium
Joined: 2003-08-24
Posts: 5
Points: 0

Screenshots...

Here you go:

Mozilla 1.4b on WinXP and Mozilla 1.4final on SGI IRIX 6.5.17m http://eroteme.org/screenshots/mozilla.png

IE6 http://eroteme.org/screenshots/ie.png

IE5.5 just fails to render it at all.. it breaks apart as if the widths of the divs were too large... but screw that browser... .

Thanks for any advice...

you´re not the only one that told me that they look the same... thing is the screenshot says it all.. it just doesn´t look like it...

Thanks again.

Hakimoto.

BobbyDouglas
Offline
newbie
Last seen: 18 years 9 weeks ago
Joined: 2003-08-22
Posts: 9
Points: 0

Rendering problem with containing div and four divs inside..

What exactly are we looking for in the screenshots? To me they look the same in Mozilla Firebird 0.6.1+

Hakimoto
Offline
newbie
Brussels, Belgium
Last seen: 18 years 9 weeks ago
Brussels, Belgium
Joined: 2003-08-24
Posts: 5
Points: 0

Rendering problem with containing div and four divs inside..

The background color of the containing div is standing over the lower border of the first contained div by about seven or eight pixels in IE6 as seen in the screenshot. Also, the lower border of the two following divs and the last full width one do not coincide in IE6 as they do in mozilla. This can be seen quite clearly side to side with the screenshots. This is on an XP machine. I haven´t had the chance to look on other IE6 on other machines, maybe it´s just my Ie6 on XP... but you can never know... In any case, I´m going to try and play with the whitespace in the code, but still it´s a shame, that such simple CSS should not render accurately in IE6.

Thanks for any further help.

Hakimoto
Offline
newbie
Brussels, Belgium
Last seen: 18 years 9 weeks ago
Brussels, Belgium
Joined: 2003-08-24
Posts: 5
Points: 0

Rendering problem with containing div and four divs inside..

Ha.... I found it... there was a space between the content of each div and its closing tag. Removed that and it displays just fine in IE6, NS7.1, Moz1.5a and Firebird 0.6.1. I´m happy now. But maybe a thing to note: Removing the whitespace in the code between the individual divs causes everything BUT IE6 to mess it up.