Table height in Safari, Firefox...

Diskutiere mit über: Table height in Safari, Firefox... im Web Page Design Forum

  1. speedy73

    speedy73 Thread Starter MacUser Mitglied

    Beiträge:
    141
    Zustimmungen:
    0
    Registriert seit:
    15.11.2004
    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
     
  2. dms

    dms Gast

    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.
     
  3. borsti

    borsti MacUser Mitglied

    Beiträge:
    114
    Zustimmungen:
    1
    Registriert seit:
    16.08.2005
    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.
     
  4. milchschnitte

    milchschnitte Banned

    Beiträge:
    1.313
    Zustimmungen:
    0
    Registriert seit:
    08.10.2005
    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>
     
  5. speedy73

    speedy73 Thread Starter MacUser Mitglied

    Beiträge:
    141
    Zustimmungen:
    0
    Registriert seit:
    15.11.2004
    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
     
  6. borsti

    borsti MacUser Mitglied

    Beiträge:
    114
    Zustimmungen:
    1
    Registriert seit:
    16.08.2005
    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!
     
  7. speedy73

    speedy73 Thread Starter MacUser Mitglied

    Beiträge:
    141
    Zustimmungen:
    0
    Registriert seit:
    15.11.2004
    @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
     
    Zuletzt bearbeitet: 07.12.2005
  8. borsti

    borsti MacUser Mitglied

    Beiträge:
    114
    Zustimmungen:
    1
    Registriert seit:
    16.08.2005
    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
     
  9. dms

    dms Gast

    Schau dir mal margin, padding und border-collapse an.
     
Die Seite wird geladen...
Ähnliche Themen - Table height Safari Forum Datum
Table cellspacing Web Page Design 09.07.2012
TABLE Optionen in CSS auslagern Web Page Design 18.10.2006
HTML Table Problem Web Page Design 03.02.2006
IE 5 MAC CSS Positionsproblem (table/margin) Web Page Design 02.12.2004
table "sprengen" div in safari und ie5:mac Web Page Design 08.01.2004

Diese Seite empfehlen

Benutzerdefinierte Suche