It seems your online pages have a XHTML Transitional DOCTYPE
declaration. This is putting Mozilla into standards-compliant mode, and
the effect you're seeing is due to a strict interpretation of the CSS
inline box model. For more information on that see
http://bugzilla.mozilla.org/show_bug.cgi?id=22274
I also noticed that your HTML markup is *not* well-formed XHTML. While
Mozilla is usually pretty forgiving, you do need to terminate empty
elements with a slash such as <img /> and <br /> to be correct.
Attribute values should also be in single- or double-quotes.
The only reason I can think that you'd be seeing different behavior from
local disk versus from the server is that the server is putting in the
DOCTYPE declaration. If you have control over this you may want to
change the DOCTYPE to one that won't invoke standards mode in Mozilla.
If you don't have control, there are various CSS hacks you can use to
mimic quirks to a certain degree (you can even include the entire
quirk.css stylesheet from the mozilla/bin/res directory if you like).
The inline descenders below images issue is a tricky one to get around
with CSS... for images like the lines down the left of your page you
need to make them display:block so that they are not subject to the
inline box model. You can give them a class, ie.
<img ... class="blockimg" />
and then the CSS rule:
.blockimg {display:block;}
Hope this helps, feel free to reply if you would like more assistance.
--J
Jason Johnston
[EMAIL PROTECTED]
Sonia Walter wrote:
> Hi,
>
> I have recently been testing my sites for their layout in Mozilla
> and fresh Netscape 6.1. I have noticed weird problem that exists
> when I tested the online version of the sites, and it doesn't happen
> when I am browsing then from disk.
>
> The issue exists only in Mozilla (I use 0.9) and Netscape 6.1, it
> doesn't in Netscape 4.x nor Internet Explorer 4.x nor 5.x, nor in
> the Opera 5.1.
>
> The problem consists of weird rendering of pieces of text that get
> big spaces between lines, or between them and images that accompany
> text. I have screenshots with the both versions (offline and
> online), if anyone is interested. To see the wrongly rendered online
> version, go to: http://wiadomosci.poprostu.pl - look especially at
> the left menu and menu by the header banner, where text lines and
> images separators get huge spaces. It does not exist when I test it
> offline.
>
> The offline version runs on OmniHTTPD and Win95. While the online
> version works on Apache and FreeBSD. Anyway I don't think the
> problem
> would lay in this difference. The code and engine that generates
> pages
> is the same on both versions.
>
> Could anyone drop me a line how to fix this problem, and what it is
> provoked with. TIA.
>
> ---
> Sonia Walter
> [EMAIL PROTECTED]
>
