nicht angemeldet
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