Tut mir Leid, dass ich schon wieder was Frage, aber, entgegen meinen Erwartungen das ich es allein schaffe (habs mir so einfach vorgestellt), schaffe ich es doch nicht, das Menü einzufügen. Ich habs jetzt schon bei einigen Layouts probiert, aber jedesmal verschiebt es mir das ganze Layout. Das Layout soll nichts besonders sein sondern:
- Um alles herum: Der Container (ca 800 px Breite)
-> Oben ein Header (ca. 120px Hoch)
-> Drunter ein kleines Div (ca. 40px hoch)
-> Drunter ein maincontent Div, das sich unterteilt in (von links nach rechts): Das Menü Div (für das Drop Down Menü), ein Info/Platzhalter Div, Content Div
->Drunter noch ein kleiner Footer
Skizze!!:
Also nichts besonders, d.h ohne das sich der Footer mit hoch bewegt, oder das Layout fliessend ist. Scrollen auch ganz normal an der Browserleiste.
In das blaue soll das Menü.
So ich hab mich daran natürlich schon versucht und das kam dabei raus (die Flyout CSS für moderne Browser ist unverändert (siehe weiter vorne); um das Stylesheet des IE für das Menü hab ich mich noch nicht gekümmert, da ich es erst mal im FF zum Laufen bringen will)
Der Großteil des HTML Codes ist nur der unveränderte HTML Code des Menüs:
(Anmerkung: Oh Footer vergessen)
Folgende Probleme gibts dabei:
- Die beiden Div rechts neben dem Nav Div sind verschwunden im Browser (wahrscheinlich bedingt durch die Breite des Submenüs; Wie löst man so etwas: Divs neben einem Drop Down Menü ohne das sich diese verschieben?)
- Ist es möglich, dass man anstatt des langen HTML Codes des Menüs einen PHP Include Befehl benutzt? Also zur besseren Übersicht.
Ich hab mir das einfacher vorgestellt: Also dass man nur das Menü in ein Div einfügen muss und dann funktioniert das, aber irgendwie wills nicht klappen.
- Um alles herum: Der Container (ca 800 px Breite)
-> Oben ein Header (ca. 120px Hoch)
-> Drunter ein kleines Div (ca. 40px hoch)
-> Drunter ein maincontent Div, das sich unterteilt in (von links nach rechts): Das Menü Div (für das Drop Down Menü), ein Info/Platzhalter Div, Content Div
->Drunter noch ein kleiner Footer
Skizze!!:
Also nichts besonders, d.h ohne das sich der Footer mit hoch bewegt, oder das Layout fliessend ist. Scrollen auch ganz normal an der Browserleiste.
In das blaue soll das Menü.
So ich hab mich daran natürlich schon versucht und das kam dabei raus (die Flyout CSS für moderne Browser ist unverändert (siehe weiter vorne); um das Stylesheet des IE für das Menü hab ich mich noch nicht gekümmert, da ich es erst mal im FF zum Laufen bringen will)
Der Großteil des HTML Codes ist nur der unveränderte HTML Code des Menüs:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#container {
width:900px;
background-color:#FFFF00;
margin: 0 auto;
height: 100%;
}
#Header {
height: 120px;
width: 900px;
}
#maincontent {
width: 900px;
background-color:#00FF00;
margin-top: 170px;
height: 100%;
}
#Nav {
float: left;
background-color:#CC0000;
height: 500px;
width: 90px;
margin-left: 20px;
}
#Info {
float: left;
background-color:#99FF33;
width: 250px;
}
#content {
float: right;
background-color:#FFCC00;
width:420px;
margin-right: 20px;
}
-->
</style>
<link href="CSS/flyout_h.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="Header"></div>
<div id="maincontent">
<div id="Nav">
<div class="menu">
<ul>
<li><a class="hide" href="../menu/index.html" id="Home">HOME</a>
<!--[if lte IE 6]>
<a href="../menu/index.html" id="Home">HOME
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title=" Latest News"><span>/</span>Latest News</a></li>
<li><a href="#" title="News"><span>/</span>News</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="index.html">MEDIA</a>
<!--[if lte IE 6]>
<a href="index.html">MEDIA
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title="Pics"><span>/</span>Pics</a></li>
<li><a href="#" title="Sub Menue"><span>/</span>Sun Menue</a></li>
<li><a href="#" title="The zero dollar ads page"><span>/</span>News</a></li>
<li><a href="#" title="The zero dollar ads page"><span>/</span>News</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>
<!--[if lte IE 6]>
<a href="../layouts/index.html">LAYOUTS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" title="The zero dollar ads page"><span>/</span>News</a></li>
<li><a href="../layouts/body2.html" title="Cross browser fixed layout"><span>/</span>Fixed 2</a></li>
<li><a href="../layouts/body4.html" title="Cross browser fixed layout"><span>/</span>Fixed 3</a></li>
<li><a href="../layouts/body5.html" title="Cross browser fixed layout"><span>/</span>Fixed 4</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="../boxes/index.html">BOXES</a>
<!--[if lte IE 6]>
<a href="../boxes/index.html">BOXES
<table><tr><td>
<![endif]-->
<ul>
<li><a href="../layouts/body2.html" title="Cross browser fixed layout"><span>/</span>Fixed 2</a></li>
<li><a href="../layouts/body2.html" title="Cross browser fixed layout"><span>/</span>Fixed 2</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</div>
</body>
</html>
</ul>
</div>
</div>
<div id="Info"></div>
<div id="content"></div>
</div>
<!--Ende maincontent-->
</div>
<!--Ende container-->
</body>
</html>Folgende Probleme gibts dabei:
- Die beiden Div rechts neben dem Nav Div sind verschwunden im Browser (wahrscheinlich bedingt durch die Breite des Submenüs; Wie löst man so etwas: Divs neben einem Drop Down Menü ohne das sich diese verschieben?)
- Ist es möglich, dass man anstatt des langen HTML Codes des Menüs einen PHP Include Befehl benutzt? Also zur besseren Übersicht.
Ich hab mir das einfacher vorgestellt: Also dass man nur das Menü in ein Div einfügen muss und dann funktioniert das, aber irgendwie wills nicht klappen.
Zuletzt bearbeitet:
