In den hintergrund

Ich versuche einen Homepage ohne Frames zubasteln…
Aber ich ahabe einen Problem ich kann die div´s nicht hinter mein menüleiste(aus CSS) bringen.

Wenn die div´s vor dem Menü sind kann ich das menü nciht benutzen weil ich dann kein dropdown aktivieren kann…

Mein quelltext:

AsRecords Official Page

/* style the outer div to give it width */
.menu {
width:768px;
font-size:0.85em;
padding-bottom:200px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
border-left:0px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:0px solid #fff; display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:139px;
height:30px;
background:#000000;
padding-left:10px;
line-height:29px
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#FF0000;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#FF0000;
}
.menu ul ul :hover > a.drop {
background:#771100;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#FF0000;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#FF0000;
}
.menu ul ul ul :hover > a {
background:#771100;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#FF0000;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:FF0000;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#771100;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}

"

HOME

Startseite

Mail Service

Kontakt

Forum

ABOUT AsRecordsGeschichte Artists Bil…

GÄSTEBUCH

MEDIATracksK!nG MeMo F1K.O. Others Videos BilderAsRe…

LINKSBanner Artists K!nG MeMo @ MySpace …

erster Link
zweiter Link

erster Link
zweiter Link

erster Link
zweiter Link

Hallo Mehmet,

prima, dass du dich dafür entschieden hast die Seite umzuarbeiten.

Aber ich ahabe einen Problem ich kann die div´s nicht hinter mein :menüleiste(aus CSS) bringen.

nicht nur einen, wie es aussieht :wink:.
ich denke du solltest dich erstmal mit Grundlagen von CSS beschäftigen, bevor du dich ans eingemachte wagst. Es würde zu weit führen, dir jeden einzelnen Schritt zu erklären, zumal es den Eindruck erweckt, dass du nicht so richtig weißt, was du tust.

Nur mal fürs Anfang:
Wenn du dein Dokumenttyp als STRICT deklarierst, dann musst du erstmal wissen was das bedeutet und an welche Regeln du dich dabei halten MUSST.

http://de.selfhtml.org/html/allgemein/grundgeruest.h…
http://de.selfhtml.org/css/formate/box_modell.htm

Dann hat z.B. ein align=„center“ oder border und font color etc. nichts im Quelltext zu suchen. Die Ausrichtung, Umrandung usw. (Design der Seite) musst du auch per CSS vornehmen.
Auch wenn du einen anderen Dokumenttyp gewählt hättest, solltest du das machen, nur bei Dokumenttyp Strict ist das zwingend erforderlich.

Das war das erste, was mir ins Auge gesprungen ist.

Ich empfehle dir als Lektüre: http://www.css4you.de/ und http://de.selfhtml.org/css/index.htm

Am Ende kannst du deinen Quellcode validieren (prüfen nach Richtigkeit):

http://validator.w3.org/

und für CSS:
http://jigsaw.w3.org/css-validator/

Wenn du JETZT validierst, wirst du merken was ich meine mit meinen obigen Bemerkungen.

Gruß und viel Erfolg,
Maja