nicht angemeldet
Unterschiedliche Darstellung im Firefox und IE
Gunnar BittersmannHallo,
ich bin gerade dabei eine Internetseite zu erstellen. Eigentlich ganz einfach.
Der Hintergrund gekachelt, in der Mitte ein Container (950 x 450), in diesem Conainer links oben ein Logo (200x120 px) und darunter die Navigation. Wenn ich jetzt in diesem Container (#seite) einen Container (#inhalt), der fast den ganzen Rest ausfüllen soll (bis auf einen kleinen Bereich #bottom für die Öffnungszeiten) wird im IE der ganze Container nach unten geschoben und der Bereich wird doppelt so groß. Woran kann das den liegen. Ich muss gestehen, ich bin in der HTML- und CSSerstellung noch etwas am anfang.
Wäre lieb wenn sich jemand die Seite anschauen könnte und mir einen Tipp geben könnt. Die Seite wurde mit dem NVU Composer erstellt.
Liebe Grüße
Rudi
-
Hallöchen auch,
Wäre lieb wenn sich jemand die Seite anschauen könnte und mir einen Tipp geben könnt. Die Seite wurde mit dem NVU Composer erstellt.
Schau mal hier und beseitige zunächst mal alle Fehler.
MfG
cross-
Hallöchen auch,
Sorry, der von mir angegebene Link funktioniert leider so nicht nicht. :/
MfG
cross-
@@cross:
nuqneH
Sorry, der von mir angegebene Link funktioniert leider so nicht nicht. :/
Was ging denn da schief? … Ticket #617
Qapla'
--
Bildung lässt sich nicht downloaden. (Günther Jauch) -
-
-
-
Hi,
Wenn ich jetzt in diesem Container (#seite) einen Container (#inhalt), der fast den ganzen Rest ausfüllen soll (bis auf einen kleinen Bereich #bottom für die Öffnungszeiten) wird im IE der ganze Container nach unten geschoben und der Bereich wird doppelt so groß. Woran kann das den liegen.
Vermutlich Fehler bei der Berechnung von Maßen nach dem Box Model*, ausgelöst dadurch, dass die Seite im Quirks Mode* gerendert wird.
* Stichworte; informieren, wenn nicht bekannt.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak. -
Hallo,
ich bin gerade dabei eine Internetseite zu erstellen. Eigentlich ganz einfach.
Der Hintergrund gekachelt, in der Mitte ein Container (950 x 450), in diesem Conainer links oben ein Logo (200x120 px) und darunter die Navigation. Wenn ich jetzt in diesem Container (#seite) einen Container (#inhalt), der fast den ganzen Rest ausfüllen soll (bis auf einen kleinen Bereich #bottom für die Öffnungszeiten) wird im IE der ganze Container nach unten geschoben und der Bereich wird doppelt so groß. Woran kann das den liegen. Ich muss gestehen, ich bin in der HTML- und CSSerstellung noch etwas am anfang.
Wäre lieb wenn sich jemand die Seite anschauen könnte und mir einen Tipp geben könnt. Die Seite wurde mit dem NVU Composer erstellt.
Liebe Grüße
RudiHallo,
vielleicht hilft es,wenn ich denn html- und CSS-Code hier poste:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
<style title="neu" type="text/css">
body { background-image: url(http://www.modeheindl.de/bilder/streifen.gif);
}
#seite { width: 950px;
margin-left: auto;
margin-right: auto;
background-color: rgb(254, 179, 0);
margin-top: 50px;
height: 450px;
}
#logo { width: 200px;
height: 120px;
position: fixed;
background-position: left top;
background-image: url(http://www.modeheindl.de/bilder/heindllogoklein.gif);
}
#inhalt { border-style: none;
width: 750px;
height: 400px;
background-color: rgb(254, 179, 0);
position: fixed;
margin-left: 200px;
}
#menue { position: fixed;
margin-top: 120px;
width: 200px;
height: 280px;
background-color: rgb(254, 179, 0);
}
#menue li { border-width: 1px;
margin: 0pt;
padding: 0.6em 0.5em 0.5em;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
color: rgb(0, 0, 0);
}
#menue a { border-style: solid;
border-width: 1px;
padding: 0.2em;
display: block;
font-weight: bold;
background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
#menue a:link { color: black;
background-color: rgb(254, 179, 0);
}
menue a:visited { background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
menue a:hover { border-style: solid;
border-width: 1px;
color: black;
background-color: rgb(254, 179, 0);
}
#menue a:active { background-color: rgb(254, 179, 0);
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<div id="seite">
<div id="logo"></div>
<div id="inhalt">
</div>
<div id="menue">
<ul>
<li> <a href="http://www.modeheindl.de/index.html">Home</a></li>
<li> <a href="mehrspaltige.htm">Wir über
uns</a></li>
<li> <a href="mehrspaltige.htm">Labels</a></li>
<li> <a href="fixbereiche.htm">Aktuelle Angebote</a></li>
<li> <a href="navigationsleisten.htm">Anfahrtsskizze</a></li>
<li> <a href="http://www.modeheindl.de/impressum.html">Impressum</a></li>
<ul>
</ul>
</ul>
</div>
<div id="bottom"></div>
</div>
<br>
</body>
</html>Die Seite habe ich schon überprüfen lassen aber außer dass bemängelt wurde dass ich meine Liste für das Menü nicht vernünftig eingeleitet habe ist dabei nichts herausgekommen. Firefox würde es ja so darstellen wie ich will aber der IE macht wie so oft Schwierigkeiten.
-
Hallöchen auch,
Die Seite habe ich schon überprüfen lassen aber außer dass bemängelt wurde dass ich meine Liste für das Menü nicht vernünftig eingeleitet habe ist dabei nichts herausgekommen. Firefox würde es ja so darstellen wie ich will aber der IE macht wie so oft Schwierigkeiten.
Lese ich daraus, dass Du den Fehler mit den li's "für nicht so wichtig" erachtest auch nicht beseitigen wirst?
Nunja, dann wirst Du hier leider auf Granit beißen - soll heißen, dass es keine weitere Hilfe gibt, wenn Du die Grundsätzlichen Dinge nicht bereinigst.
Im übrigen hast Du schon einen deutlichen Hinweis ChrisB von erhalten.
Ne fertige Lösung wirst Du warscheinlich nicht bekommen. Beschäftige Dich bitte ernsthaft mit dem Problem, denn es wird Dich auf Schritt und Tritt verfolgen.
MfG
cross
-