nicht angemeldet
design-problem: linie im firefox
hallo zusammen,
habe ein problem. vielleicht kann mir ja einer von euch weiterhelfen.
hab nur testhalber mal hier eine vorlage hochgeladen:
http://machinemen.de/fahrsch/Untitled-1.html
jetzt hab ich das problem, dass im firefox unter dem "header" eine weiße linie kommt, im internet explorer nicht.
hatte das bei einem anderen layout auch mal, allerdings andersrum. da hatte im internet explorer immer eine linie unterm header und im firefox gings.
hab über die suche leider nichts gefunden, dass mein problem gelöst hat.
vielen dank schonmal für eure hilfe.
knagge
-
Berichtige mal die betreffende Zeile ohne Inhalt mit den Vorgaben:
line-height: 0;
height: 0;und dein Problem, das auch bei Opera und Netscape auftritt, ist verschwunden.
Diese Lösung wäre mit entsprechenden Stylevorgaben aber insgesamt sauberer und verursacht garantiert keine Probleme:
<div>Dunkelgraue Box</div>
<div>Graue Box</div>
<div>Weiße Box</div>
<div>Runder Fuß</div>-
hmmm, ich hab eigentlich gar keine leerzeile drin...
mein code ist folgender:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>test</title>
<style type="text/css" media="screen, projection">
@import "../HOMEPAGE GM/Neuer Ordner/css/style.css";
</style>
<link rel="stylesheet" type="text/css" href="../HOMEPAGE GM/Neuer Ordner/css/print.css" media="print">
<style type="text/css">
<!--
body {
background-image: url(img/bg.gif);
background-repeat: repeat-x;
margin-top: 0px;
}
.Stil1 {font-family: arial}
-->
</style></head>
<body>
<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><img src="img/header.gif" width="781" height="184" border="0"></td>
</tr>
<tr>
<td align="center" background="img/text_bg.gif" border="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3%"></td>
<td width="94%"><p align="left" class="Stil1">Text
</td>
<td width="3%"></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td align="center"><img src="img/footer.gif"></td>
</tr>
</table>
</div>
</div>
</body>
</html>-
Hi,
hmmm, ich hab eigentlich gar keine leerzeile drin...
Aber Bilder, unter denen Platz fuer die Unterlaengen eventuellen Textinhaltes im gleichen Container freigehalten wird.
vertical-align:bottom oder display:block fuer die Bilder loesen dieses Problem.
MfG ChrisB
-
-