IE anzeige komisch

[ingvar]

Hallo zusammen,

Ich hab ein kleines Problemchen.
In der Schule sollte meine ganze Klasse je eine Website machen. Dieser Übergeordnet hab sollte ich mit einem Kollegen eine Übersicht machen.

Alles Schön und Gut!

Jetzt hab ich aber im IE das Problem, dass der mir die Übersicht unschön zerreißt.

der Link zu Page ist:

Vergleich:
Firefox

IE

kann mir da jmd sagen wie ich das Problem behen kann?

Freu mich jetzt schon auf Antworten.
Gruß Ingvar

 

[Isometric]

AW: IE anzeige komisch

Hallo Ingvar,

zumindest beim content-Container fehlt das abschließende </div>

 

[patrick_l]

AW: IE anzeige komisch

Hi Ingvar,
du solltest zunächst ein CSS Reset machen um alle Browser auf einen Nenner zu bringen. Hauptsächlich die Abstände für margin und padding zurücksetzen. Das geht schnell und einfach mit dem Sternselektor

* {margin:0; padding;0; border:none;}
/* weitere resets möglich */

Die Navigation wird anders aufgebaut und sollte auch geändert werden. Hierfür eine ungeordnete Liste (<ul>). Vorausgesetzt das nicht auf ältere Browser geachtet werden muss, kann hier auch mit dem neuen HTML5 Nav-Tag gearbeit werden.

<!-- HTML5 -->
<nav id="navigation" role="navigation">
    <ul>
        <li><a href="#">Punkt 1</a></li>
        <li><a href="#">Punkt 2</a></li>
        <li><a href="#">Punkt 3</a></li>
    </ul>
</nav>
<!-- (x)HTML -->
<div id="navigation">
    <ul>
        <li><a href="#">Punkt 1</a></li>
        <li><a href="#">Punkt 2</a></li>
        <li><a href="#">Punkt 3</a></li>
    </ul>
</div>

Grüße Patrick

 

[schnullerbacke]

AW: IE anzeige komisch

Du hast auch zwei Divs mit der selben ID.
div id="page-wrap"

Wenn du Bezeichnungen mehrfach verwenden willst, nimm ne Klasse.

In welchem IE guckst du dir das denn an?

 

[Walter75]

AW: IE anzeige komisch

....und ein schließendes DIV

</div>  </body></html>

ist zuviel.

 

[ingvar]

AW: IE anzeige komisch

ich hab jetzt sogar ein div mehr gemacht und jetzt schauts im IE 9 gut aus.

Danke an euch.