Table height in Safari, Firefox...

[speedy73]

hi zusammen

kann mir bitte mal jemand erklären, wieso das hier nicht funktioniert:

<table style="background-color: #CC0000; margin-left: auto; margin-right: auto" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="height:18px; width:5px"></td>
<td style="height:18px; width:18px; vertical-align:middle"><img src="media/images/logos/ch.gif" width="18" height="18" alt="switzerland"></td>
<td style="height:18px; width:7px"></td>
<td style="height:18px; width:160px; vertical-align:middle" class="boldwhite">www.wspower.ch</td>
<td style="height:18px; width:600px; text-align:right; vertical-align:middle" class="text"><a href="index.html" class="title">+home</a>&nbsp;&nbsp;&nbsp;<span class="boldwhite">+einachser</span>&nbsp;&nbsp;&nbsp;<a href="team.html" class="title">+team</a>&nbsp;&nbsp;&nbsp;<a href="guestbook.html" class="title">+g&auml;stebuch</a></td>
<td style="height:18px; width:10px"></td>
</tr>
</table>

die table ist 18pixel hoch definiert, ebenso ist das einzige bild 18pixel hoch, wie ich das gerne will. IE6.0 hier im büro macht das wunderbar (table ist genau so hoch wie das bild). aber in safari und firefox... wieso denn nicht? da ist die table eindeutig höher als das bild und das will ich nicht so... any ideas? danke!

die site findet ihr übrigens unter http://www.wspower.ch

gruss
speedy

 

[dms]

Nur geraten: Setze mal die line-height für die td's herunter. Aus einer kleinen Schriftgrösse muss sich nicht zwangsläufig eine kleine Zeilenhöhe ergeben.

 

[borsti]

hmmm sorry leider grad keine lösung, aber ein paar tips. versuch mal einheitlicher zu arbeiten, das heißt nicht die alten attribute für aussehen mit den css zu mischen. sogar ausgelagerte klassen rufst du auf, vielleicht liegt der fehler sogar dort!

also ich mach das einfach so, ich schreib die seite in nem anständigen brausa! und sollte der IE dann immernoch mucken, kann man immernoch anpassen.

 

[milchschnitte]

versuchs ma so:

<table width="742" border="0" cellpadding="0" cellspacing="0" style="background-color: #CC0000; margin-left: auto; margin-right: auto">
<tr>
<td width="9">&nbsp;</td>
<td width="9"><img src="media/images/logos/ch.gif" width="18" height="18" alt="switzerland" /></td>
<td width="16"></td>
<td width="405" class="boldwhite">www.wspower.ch</td>
<td width="303" class="text"><div align="center"><a href="index.html" class="title">+home</a>&nbsp;&nbsp;&nbsp;<span class="boldwhite">+einachser</span>&nbsp;&nbsp;&nbsp;<a href="team.html" class="title">+team</a>&nbsp;&nbsp;&nbsp;<a href="guestbook.html" class="title">+g&auml;stebuch</a></div></td>
</tr>
</table>

 

[speedy73]

hallo zusammen!

erstmal danke für die tipps! hab da aber noch ein paar fragen:

@dms: line height? muss ich mal noch nachschauen, kenn ich noch nicht

@borsti: öhm nehme an Du meinst z.b. cellpadding nicht mit "style" attributen mischen? ausgelagerte klassen verstehe ich nicht, kannst Du das präzisieren? wäre super! n.b.: IE macht das wunderbar, aber safari und firefox nicht... das ist ja das was ärgert geschrieben hab ich alles im textedit

@milchschnitte: danke, werde ich mal versuchen! aber in zeile 4 hat es einen kleinen fehler, oder? td width sollte doch mindestens 18px sein, wg dem bild, oder?

gruss und danke nochmals!
speedy

 

[borsti]

hi, nein ich meinte schau es dir beim basteln immer im ff oder so an, dann is es meistens im ie auch richtig.

mit dem mischen mein ich das du erstmal mit attributen etwas am aussehen änders:

width="742"​

dann mit css-style elementen:

style="background-color: #CC0000;"​

und auch noch mit 'externen' klassen, wie:

class="boldwhite"​

du verstehst? und mit einheitlich meine ich das das alles zusammengehört, also am besten alles css. und ist viel einfacher fehler zu finden oder was zu änder, da du nur eine datei anschaun, bearbeiten mußt!

 

[speedy73]

@borsti: ach so, hab ich (fast) verstanden. das zeugs unter "style=" gehört wirklich ins css, alles klar. aber width=""? muss ich dann für jede einzelne tabellenbreite im css alles definieren? oder anders gefragt: wie mache ich das sinnvoll für variabel breite tabellen?
und wie definiere ich die "alten" attribute cellpadding, -spacing, etc. im css? gibt's da ersatz?


danke und gruss
speedy

 

[borsti]

nunja mit style deklarierst du css und mit einer class="" rufst du ein schon deklariertes css auf! kann man machen, aber wie schon geschrieben alles zusammen ist überischtlicher, und mußt nur eine datei durchsuchen wenn du das aussehen verändern willst!

ja natürlich gibt es ersatz: am besten schaust du mal hier, das is ne kleine zusammenfassung der css befehle: http://www.selfhtml.net/navigation/css.htm

 

[dms]

und wie definiere ich die "alten" attribute cellpadding, -spacing, etc. im css? gibt's da ersatz?

Schau dir mal margin, padding und border-collapse an.