Frangooq: Verschachteltes DIV und MARGIN

SELF-Forum

Verschachteltes DIV und MARGIN

Frangooq
– Informationen zu den Bewertungsregeln

Hallo liebe Forums-User,

ich habe mir lange überlegt ob ich meine Frage hier poste - denn ich befürchte, dass die Lösung einfach zu trivial ist :-]

Aber ich komme einfach nicht auf den Fehler, und irgendwie stelle ich grade meine CSS-Kenntnisse auch in Frage :-&, deshalb poste ich es doch.

Mein Problem: Eigentlich habe ich nur zwei verschachtelte DIVs, von denen das Innere einen Abstand nach oben zum nächsten Eltern-DIV haben soll.
Nur leider hat nicht das Innere DIV diesen Abstand, sondern das Eltern(!)-DIV !

Hier zur Übersicht der reduzierte Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>Fehlersuche</title>  
  
<style type="text/css">  
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {  
 margin:0;padding:0;  
}  
  
#containerGlobal {  
 width:1024px;  
 position:relative;  
 left:50%;top:0;  
 margin-left:-512px;  
}  
  
#containerHeadpart {  
 height:73px;width:100%;  
 /*z-index:50;*/  
 background-color:#00FF66;  
}  
  
#containerMainNavigation {  
 margin-top:37px;  
        border:1px solid red;  
}  
  
  
</style>  
  
</head>  
<body>  
<div id="containerGlobal">  
  <div id="containerHeadpart">  
    <div id="containerMainNavigation">  
   <div style="background-color:#9933FF;z-index:20;">  
    Subnavi  
   </div>  
    </div>  
  </div>  
</div>  
</body>  
</html>

Das DIV "containerMainNavigation" hat entsprechenden "margin-top:37px;", aber es hat wie gesagt nicht den Abstand zum DIV "containerHeadpart", sondern letzteres DIV den Abstand zum weiteren Elternelement :(

Hat jemand eine Idee??

Danke im Voraus,

Frangoo

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Verschachteltes DIV und MARGIN

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input

    auch wenn das von einigen css "gurus" empfohlen wird - margin und padding von allen elementen auf 0 setzen ist eine ungute idee, da du nachher wieder alles nachbauen musst - besonders verschachtelte elemente lassen sich so nur mit viel aufwand wieder nachbauen (besonders dann, wenn man mit relativen schrifgrößen arbeitet)

    wenn u es trotzdem machen willst, der *-selektor hilft, diese sinnlose liste zum kürzen

    Hat jemand eine Idee??

    wenn ich richtig liege: collapsing margins

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln