Preserved Topic: bugs when viewing with mozilla (Page 1 of 1)

I have some questions to my new layout.

IE renders everything correct. The header for every entry should look like this:


And this is an Mozilla 1.1a screenshot:


Same goes for Opera.

How can i get rid of this line? (Mozilla only!)



Any ideas?

hi there
could you possibly change the base tags href so we can see the page properly?
cheers
I:.

yes, there is probably something wrong. the page i see is not at all like the screenshots you posted.
and in IE i dont see any links at all. while in mozilla the links have borders.

Ui, sorry. I fixed the base tag.

It looks to me like you're relying on an overlapping element to cut off the text.

A better method for this is to specify a specific height for the text that you want to be cut off (specify it in "em"s instead of "px"s so that it's relative to the size of the font of the text itself), and then set overflow:hidden for the text.

(Make sure you're doing this to a block-level element, not an inline one.)

[edit: by the way, I really like your layout.]

[This message has been edited by Slime (edited 06-24-2002).]

Though I really like the site layout, as well, the over-titles in German, then the text in English...bad idea (IMHO).

Slime's quite right there
as a quick workaround redefine h1 and div.praescript as

H1 {
BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 10px 10px; FONT: 900 26px georgia, palatino, times, serif; COLOR: #ccc; TEXT-ALIGN: right; height: 23px; overflow: hidden;
}

and

DIV.praescript {
BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: 100; FONT-SIZE: 15px; BACKGROUND: #ffffff; MARGIN: -10px 0px 5px 10px; COLOR: #730;
}

this should solve the overlap problems on opera and mozila, but you'll need to go back and redefine the measurement units in ems' so you can keep the whole thing looking nice with relative font sizes

as for the line...
move the footercontent.jpg into the outer div and give it a margin-bottom of -9px;
ie:

</div>
<img src="images/footercontent.jpg" alt="" height="9" width="500" style="margin: 0px 0px -9px 0px;" />
</div>
</body>

and everything should hopefully be fine from there
have a nice day
I:.

Thanks, i fixed everything.

WebShaman, the text is just a filler. I used Kant instead of Lorem ipsum.