Page 1 of 1

Re: Seite wird aus IE fehlerhaft angezeigt

Posted: Thu Nov 18, 2010 6:15 am
by cyberman
Schau mal, dass du deine Seite xhtml valid bekommst - sind ein paar Fehler drin

http://validator.w3.org/check?verbose=1 ... telgte.de/

Re: Seite wird aus IE fehlerhaft angezeigt

Posted: Thu Nov 18, 2010 8:43 pm
by Dejavu
Ich würde die Webseite ein wenig anders aufbauen.
Die Webseite ist im Quirksmode - du solltest einen Entsprechenden Doctype angeben (html 4.0 oder xhtml 1.0)
Oft ist es sinnvoll einen umschließenden Container für alle Boxen anzugeben. Dort kann man dann die ganzen Breiten, Höhen und Abstände angeben.
Um Container nebeneinander zu positionieren verwendet man am besten den Befehl float.
Zudem würde ich Breitenangaben einheitlich angeben. Entweder Prozentual, feste Breiten (px,pt) oder Abhänige Breiten (em). Falls du sie jedoch mischt, dann sollte eine Seite sich automatisch anpassen (Breite 1: 25%, Abstand1: Margin 25px, Breite2: Auto - Zweite Breite passt sich dann automatisch an (100%-25%-25px).
Min und Max Befehle erkennt der IE nicht. Um den IE anzusprechen musst du da einen Workaround verwenden (height: auto !important (automatische Anpassung wenn die Box größer wird als ...) height: 500px; - für den FF oder Opera verwendest du dann Min-height:500px;)

Hier ein kommentierter Schemantischer Aufbau der funktionieren könnte ;)

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<__html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>
</__body>
<!-- Maincontainer welcher alle Boxen umschließt - Größen Definition und allgemeine Angaben-->
<div id="maincontainer">
<!-- Größen- und Backgroundangaben -->
         <div id="head"></div>
<!-- Gefloatet Box - Breitenangabe-->
         <div id="navi">
<!-- Menüs-->
                 <ul>
                         <li></li>
                 </ul>
<!-- Spenden Div -->
                 <div id="Infobox"></div>
         </div>
<!-- Inhalt - gefloatet -->
         <div id="content"></div>
</div>
<__body>
</__html>