nicht angemeldet
Ärger mit Netscape 6 und Mozilla 1.0 (Tabellen Layout & CSS)
Hallöle,
ich lese sonst nur immer recht eifrig mit - heute drückt mich aber der schuh und ich weiß nicht so recht weiter.
Ich habe zu meinem problem schon ein wenig im internet gesucht und auch hier im archiv schon gekramt - entweder ich stelle mich zu blöd an oder dort steht nichts was mir weiterhilft.
Zu meinem problem:
Ich habe eine webseite auf der eine einfache tabelle mit 5 zeilen und 4 Spalten dargestellt werden soll. Das ungefähre layout folgt:
Breite = 750 Pixel
+----------------------------+----------+-----------------+
! ! ! !
! Platzhalter GIF ! Logo GIF ! Platzhalter GIF !
! (534x80px) !(200x42px)! (16x80 px) !
+----------------------------+----------+-----------------+
! Plathalter (750 x 8 px) !
+---------------------------------------------------------+
! 5 x Menü GIFs (75 x 20 px) !
+--------------+------------------------------------------+
! Submenü ! Contentbereich 12pt Verdana !
! ! !
! ! !
! ! !
! ! !
! ! !
! ! !
! ! !
+--------------+------------------------------------------+
! Copyright Text 9pt Verdana !
+---------------------------------------------------------+
Nun verhält es sich so, das ich CSS einsetze um die Breite, Farbe, Schrift, Abstände etc. zu setzen. Das Ganze sieht auch im Opera 6 und IE6 so aus wie gewollt - auch mit Lynx Win32 ist die Seite erkennbar und benutzbar.
Aber:
Im Netscape 6 und im Mozilla (Benutzen ja soweit ich weiß den gleichen Renderer) werden einige Bugs eingebaut die ich nicht nachvollziehen kann:
-
Die Zeile nach dem Logo wird auf 22 Pixel aufgezogen obwohl die Höhe per Stylesheet auf 8 Pixel gesetzt wurde. Zusätzlich befindet sich ein Platzhalter GIF in der Zeile welches das gewünschte Format hat. Es ist kein und kein <div> enthalten - auch Leerzeichen und Zeilenumbrüche sind nicht enthalten.
-
Die Zeile mit dem Menü (Zeile 3) wird ebenfalls auf 22 Pixel aufgezogen obwohl die Bilder nur 20 Pixel hoch sind, per CSS 20 Pixel Höhe angegeben werden und auch hier nichts in der Zeile steht was nicht dorthin gehört.
Paradoxerweise rendert Netscape die letzte Zeile korrekt:
Hier habe ich im Stylesheet eine Höhe von 11 Pixeln und einen Schriftgrad von 9 Pixel angegeben - exakt wie gewollt.
Fast alle Formatierungen werden per CSS vorgenommen. Lediglich im <table> Tag sind die Attribute 'width="750"','cellpadding="0"' und 'cellspacing="0"' definiert
Kann mir hier jemand helfen?
Für die Zeilen werden per CSS folgende Formatierungen vorgenommen:
.menuzeile {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FF0000;
text-decoration: none;
background-color: #FFFFFF;
height: 20px;
width: 750px;
margin: 0px;
padding: 0px;
border: 0px none;
}
Ein Link auf einen Archivbeitrag oder eine andere gute Quelle würde mir schon ein wenig helfen.
Danke und Grüße
Marc
-
Hi!
Hier habe ich im Stylesheet eine Höhe von 11 Pixeln und einen Schriftgrad von 9 Pixel angegeben - exakt wie gewollt.
Weil da kein bild drin ist?
Mozilla ist der erste Browser der Bilder richtig positioniert. Mehr dazu und wie man ein paar Probleme lösen kann: http://devedge.netscape.com/evangelism/docs/articles/img-table/
Gruß Herbalizer
-
Hi!
Hier habe ich im Stylesheet eine Höhe von 11 Pixeln und einen Schriftgrad von 9 Pixel angegeben - exakt wie gewollt.
Weil da kein bild drin ist?
Mozilla ist der erste Browser der Bilder richtig positioniert. Mehr dazu und wie man ein paar Probleme lösen kann: http://devedge.netscape.com/evangelism/docs/articles/img-table/
Gruß Herbalizer
Hallo Herbalizer,
Hmm...Die Idee kam mir auch - daraufhin habe ich experimentiert: rein, Blindtext rein etc. Hilft nüschts...
Das kann's aber auch nicht sein: Wenn ein Bild 20 Pixel hat, dann soll Gecko das auch so darstellen - und nicht noch 2 oder mehr Pixel drumherum kleben (die Werte für Border, Width, Height, Alt etc. des <img> Tags sind korrekt gesetzt.)
Trotzdem erstmal Danke
Grüß
Marc
-
Hi Herbalizer und der Rest,
mir ist gerade ein ganzer Kronleuchter aufgegangen. Der Link von Herbalizer hat mein Problem geklärt!
Vielen Dank!
Grüße
Marc
-