Huhu
Ich habe mal eine frage wie kann man ein layout code der nur auf firefox funktzioniert auch für Internet explorer machen?
Huhu
Ich habe mal eine frage wie kann man ein layout code der nur auf firefox funktzioniert auch für Internet explorer machen?
Prinzipiell ja.
Voraussetzunjg ist ein standardkonformer Doctype.
Einheitliche margins kann man damit erreichen.
Wenn es dann noch unterschiedliche Darstellungen gibt, dann liegt das möglicherweise an einem IE-Bug, der sich meist mit Spezialangaben ebenfalls beheben lässt.
naja ich habe keine ahnung was ich hier umstellen muss dafür
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://auramaster.au.funpic.de/FavoIcon.gif">
<title>~Auramaster~</title>
</head>
<body>
<body style="background: #7BBF3F;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
<img src="Layout09.png" alt="" border="0"> </div>
<div style="position: absolute; left: 145px; top: 690px;"><iframe src="home.htm" name="content" frameborder="0" height="680" width="718"></iframe></div>
<div style="position: absolute; left: 1px; top: 500px;"><iframe src="Navi.htm" name="navi" frameborder="0" height="160" width="1000"></iframe></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="Navi.css">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Navi</title>
</head>
<body>
<div id="menu"><!-- öffnet die Navigationsleiste-->
<ul>
<!-- öffnet den ersten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 1 -->
<h3>Main</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 1 --> <li><a href="web/home.htm" target="content">Home</a></li>
<li><a href="web/Credits.htm" target="content">Credits</a></li>
<li><a href="web/Link_us.htm" target="content">Link
us</a></li>
<li><a href="web/Partner.htm" target="content">Partner/werden</a></li>
<li><a href="web/Awards.htm" target="content">Awards</a></li>
<li><a target="_blank" href="http://www.onlinewebservice6.de/gastbuch.php?id=153168">Gästebuch</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 1 --> </li>
<!-- schließt die Listeneinträge von Thema 1 -->
</ul>
<!--schließt den ersten Themenblock-->
<ul>
<!-- öffnet den zweiten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 2 -->
<h3>Staffel 1</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 2 --> <li><a href="web/Story.htm" target="content">Story</a></li>
<li><a href="web/Haubtcharakter.htm" target="content">H-Charaktere</a></li>
<li><a href="web/Episoden.htm" target="content">Episoden</a></li>
<li><a href="web/openings.htm" target="content">Openings</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 2 --> </li>
<!-- schließt die Listeneinträge von Thema 2 -->
</ul>
<!--schließt den zweiten Themenblock-->
<ul>
<!-- öffnet den dritten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 3 -->
<h3>Staffel 2</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 3 --> <li><a href="web/story2.htm" target="content">Story</a></li>
<li><a href="web/Haubtcharakter2.htm" target="content">H-Charaktere</a></li>
<li><a href="web/Episoden2.htm" target="content">Episoden</a></li>
<li><a href="web/openings2.htm" target="content">Openings</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 3 --> </li>
<!-- schließt die Listeneinträge von Thema 3 -->
</ul>
<!--schließt den dritten Themenblock-->
<ul>
<!-- öffnet den vierten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 4 -->
<h3>Gallerie</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 4 --> <li><a href="web/Gallerie-Light.htm" target="content">Light</a></li>
<li><a href="web/Gallerie-Berry.htm" target="content">Berry</a></li>
<li><a href="web/Gallerie-Christian.htm" target="content">Christian</a></li>
<li><a href="web/Gallerie-Zane.htm" target="content">Zane</a></li>
<li><a href="web/Gallerie-Subaru.htm" target="content">Subaru</a></li>
<li><a href="web/Gallerie-Dunkler%20Lord.htm" target="content">Dunkler Lord</a></li>
<li><a href="web/Gallerie-Gruppe.htm" target="content">Group</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 4 --> </li>
<!-- schließt die Listeneinträge von Thema 4 -->
</ul>
<!--schließt den vierten Themenblock-->
<ul>
<!-- öffnet den fünften Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 5 -->
<h3>Fans</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 5 --> <li><a href="web/anmeldung.htm" target="content">Anmeldung</a></li>
<li><a href="web/fans.htm" target="content">Fans</a></li>
<li><a href="web/fanwerke.htm" target="content">Fanwerke</a></li>
<li><a href="web/bilder_geschichten.html" target="content">Bilder Geschichten</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 5 --> </li>
<!-- schließt die Listeneinträge von Thema 5 -->
</ul>
<!--schließt den fünften Themenblock-->
<ul>
<!-- öffnet den sechsten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 6 -->
<h3>Other</h3>
<ul>
<!-- öffnet die Klappnavi von Thema 1 --> <li><a href="Webby/Light.htm" target="content">Light</a></li>
<li><a href="Webby/Berry.htm" target="content">Berry</a></li>
<li><a href="Webby/Sammlungen_Menu.htm" target="content">Sammlungen</a></li>
</ul>
<!-- schließt die Klappnavi von Thema 6 --> </li>
<!-- schließt die Listeneinträge von Thema 6 -->
</ul>
<!--schließt den sechsten Themenblock--></div>
<!-- schließt die Menüleiste #menu -->
</body>
</html>
Was passiert den beim IE?
dann kann man nicht auf die navi klicken und alles ist weiß
[Blockierte Grafik: http://i51.tinypic.com/33a3sds.png]
Das könnte an dem absoluten Positionieren der Inhalte liegen, was btw. völlig unnötig ist bei so einem Layout. Wenn man absolut positoniert sollte man auch immer einen z-index angeben. Du hast hier
zwar einen angegeben, der ist aber noch dazu 0. Ein z-index von 0 bewirkt beim IE imho ein Problem. Der sollte immer positiv und größer 0 sein. Dadurch liegt vermutlich eine Ebene über der Navigation wodurch diese nicht mehr angeklickt werden kann.
Mein Tipp: entferne die absoluten Positionierungen. Bau die Seite ohne diese auf.
ich habe <div style="position: absolute; left: 0px; top: 0px; z-index: 0;"> das jetzt entfernt aber es ist immer noch weiß und auf die navi kan man nicht klicken qq
naja die navigation ist soaufgebaut weil die zum aufklappen ist öö
/*--formatiert die Menüleiste--*/
#menu {
width: 99%;
padding: px;
font-family: Verdana;
font-size: 1em;
line-height: 1.;
float: left;
}
/*--formatiert die Themenblöcke--*/
#menu ul {
float: left;
width: 120px;
list-style-type: none;
}
/*--Setzt alle Abstände auf "Null"--*/
* {
margin: auto;
padding: auto;
}
/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #5B8C2F;
border: 1px solid #4E7827;
background: url(2a.png);
}
/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #4E7827;
text-align: center;
background: url(2a.png);
color: #5B8C2F;
}
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #5B8C2F;
background: url(3a.png);
}
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/
#menu li {
position: relative;
}
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}
Alles anzeigen
so sieht die aus
Du hast zweimal einen Doctype, aber nicht einen standardkonformen, zweimal html, zweimal head und zweimal body.
Alles darf nur einmal vorkommen.
So kann das nicht funktionieren.
ich habs rausgemacht geht aber immer noch nicht
wenn ich das raus mache dann ist die navi kaputt....
Bevor du jetzt weiter machst, solltest du zunächst akzeptieren, dass der HTML-Quelltext nach bestimmten Regeln aufgebaut sein muss.
Wenn das nicht der Fall ist, dann wird er eben meist auch nicht korrekt umgesetzt und dargestellt.
Ist wie beim Autofahren: Wenn du die Verkehrsregeln nicht beachtest, dann kracht es eben.
Mein Tipp:
Lerne zunächst HTML und CSS. Wenn du deren Funktionsweise verstanden hast, dann vermeidest du beim Coden Fehler bzw. es fällt dir leichter, diese zu finden.
ja toll alos ist der ganze layout code und so schrott -.- also kann ich das löschen auserdem wo lernt man das denn