Hilfe! Darstellung unterscheidet sich je nach Browser

[Krobbus]

Ich habe eine Art Menü auf meiner website. leider sieht das je nach benutzten browser unterschiedlich aus. im firefox wird es so dargestellt wie ich es mir vorstelle, im Iexplorer allerdings sind die unterüberschriften (h4) viel zu groß dargestellt.

hier ein bild was zeigt wie es aussieht (links firefox, rechts Iexplorer): imgBOX.de - Flirten - Chatten - an Freunde verschicken

und hier der code:

<div class="splitcontentleft">
<h2>Top Bonus Angebote:</h2>
<div class="box">
<h3>Tower Poker - mpm-Spezial</h3><h4>(OnGame Network)</h4>
<div style="float: right"><a href="towerpoker.php">mehr Informationen</a></div>
<br><hr><br>
<h3>NoiQ Poker - mpm-Spezial</h3><h4>(iPoker Network)</h4>
<div style="float: right"><a href="noiq.php">mehr Informationen</a></div>
<br><hr><br>
<h3>Party Poker - mpm-Spezial</h3><h4>(Independent)</h4>
<div style="float: right"><a href="partypoker.php">mehr Informationen</a></div>
<br><hr><br>
<h3>Poker Heaven - 30% Rakeback</h3><h4>(Boss Media Network)</h4>
<div style="float: right"><a href="pokerheaven.php">mehr Informationen</a></div>
<br>

</div>
</div>

und hier noch der relevante code aus meiner css datein, weiß nicht ob ihr den zur fehlerbehebung braucht:

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

wär super nett wenn mir jemand helfen könnte

 

[csstester]

das kannst doch alles in der CSS einstellen

 

[Efchen]

Hallo,

warum beteht Dein HTML-Code aus lauter Überschriften? Ich seh gar keinen Text dazu. Normalerweise stehen Überschriften immer über einem oder mehreren Textabsätzen. Dein Inhalt besteht nur aus Überschriften. Daran solltest Du als erstes arbeiten. Ein Menü zeichnet man üblicherweise als Liste aus, z.B. mit <ul>.

Wie groß etwas ausfällt, bestimmst Du selber per CSS.

Wenn Du Darstellungsunterschiede vermeiden willst, solltest Du Dich über DOCTYPEs informieren und was der Quirks und der Standards Mode ist. Um Unterschiede zu vermeiden, muss jeder Browser in den Standards Mode versetzt werden.

Alles klar?

Gruß,
-Efchen

 

[Körnerbrötchen]

Um mal ein Beispiel zu geben.
Zusatz in deine CSS-Datei:

hX {
 font-size: Xpx;
}

Die großen X durch die entsprechende Zahlen ersetzen.

 

[csstester]

Um mal ein Beispiel zu geben.
Zusatz in deine CSS-Datei:

hX {
 font-size: Xpx;
}

Die großen X durch die entsprechende Zahlen ersetzen.

besser gleich em benutzen, allein schon aus gründen der skalierbarkeit im internetexplorer

hX {
 font-size: X[COLOR=Red]em[/COLOR];
}

Ich persönlich versuche auch bei allen anderen Größenangaben möglichst em oder % zu benutzen, macht eine Website einfach flexibler

gruß
csstester