[CSS]: Unterschiedliche Darstellung im IE und Fire Fox [Archiv]

Archiv verlassen und diese Seite im Standarddesign anzeigen : [CSS]: Unterschiedliche Darstellung im IE und Fire Fox

ddc

15.07.2005, 13:43

Hallo,

ich erstelle gerade eine Webseite, wobei ich vermehrt CSS einsetzen will, um den Umgang damit besser zu lernen.
Leider sehen die Ergebnisse im IE oft anders aus als in Fire Fox, mir ist es aber wichtig, dass die Seite mit beiden Browsern korrekt angezeigt wird.

div.menue {
width:178px;
height:22px;
border-style:solid;
border-left-width:0px;
border-right-width:0px;
border-top-width:1px;
border-bottom-width:1px;
border-color:White;

}

a.menue {
font-family:Verdana;
font-size:12px;
color:White;
text-decoration:none;
margin-left:10px;
vertical-align:middle;
}

<div class="menue"><a class="menue" href="">link</a></div>

heraus kommt dabei das:

IE:
http://img295.imageshack.us/img295/7373/ie6wg.gif

Firefox:
http://img340.imageshack.us/img340/3943/firefox8gn.gif

Warum wird der Text bei FireFox nicht mittig dargestellt?

kris

15.07.2005, 13:53

Maisaffe

15.07.2005, 13:59

Laut dieser Adresse hier *click (http://www.css4you.de/vertical-align.html) ist vertical-align mit FX und IE kompatibel.
Daher verstehe ich nich recht, warum das nicht funktioniert...

So, hab das mal bei mir ausprobiert!
Wenn ich deinen Code kopiere und mit FX oder IE anschauen gehts nicht... ôÔ°
Bei beiden ist der Text nicht in der Mitte... keine Ahnung warum...
Gayt nur in <table>, jedenfalls ist das die einzigste bekannte Möglichkeit die ich kenne:

<table border="0"><tr class="menu"><td>Dein Menü, Menüpunkt1</d></tr></table> 
<table border="0"><tr class="menu"><td>Dein Menü, Optionen- Menüpunkt2</d></tr></table>

Dennis

PS: Du musst die Height definieren von deinem CSS:
table {height:20px;}
tr {vertical-align:middle;}

Muss in den CSS Code dazu. ;)