Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 14.11.2012, 22:40
sjan87 sjan87 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2012
Beiträge: 19
sjan87 befindet sich auf einem aufstrebenden Ast
Standard #inhalt mit rotem background wird nicht angezeigt.

hmm... stehe immer noch ziemlich am anfang und verstehe mal wieder etwas nicht!! auf folgender website sollte zwischen dem blauen und grünen div ein rotes stehen. warum wird dieses nicht angezeigt? hat das was mit der navigation zu tun? bin dankbar für jede hilfe!! news - jweb

Ausschnitt CSS:

#wrapper {
background-color: yellow;
border: 1px solid black;
border-radius: 10px;
box-shadow: 7px 7px 10px 0px #323232;
margin: 20px auto;
padding: 10px 10px;
width: 1120px;
}

#kopf {
background-color: aqua;
background-image: url(kopf.png);
background-position: center;
height: 100px;
margin-bottom: 10px;
}

#navi {
background-color: blue;
height: auto;
margin-bottom: 10px;
padding: 10px 10px;
}

#dropdown {
margin: 0 auto;
width: 549px;
}

#sddm {
margin: 0;
padding: 0;
z-index: 30;
}

#sddm li {
float: left;
font: bold 22px Trebuchet MS;
list-style: none;
margin: 0;
padding: 0;
}

#sddm li a {
background: black;
border: 1px solid black;
border-radius: 10px;
color: white;
display: block;
margin: 0 1px 0 0;
padding: 4px 20px;
text-align: center;
text-decoration: none;
width: 140px;
}

#sddm li a:hover {
background: white;
color: black;
}

#sddm div {
border: 0px solid black;
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
}

#sddm div a {
background: silver;
color: black;
display: block;
font: 20px Trebuchet MS;
margin: 0;
padding: 5px 20px;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 140px;
}

#sddm div a:hover {
background: white;
color: black;
}​​

#inhalt {
background-color: red;
height: 200px;
padding: 10px;
}

inhalt p {
}

#inhalt a {
}

#inhalt a:hover,
#inhalt a:focus {
}

#inhalt a:active {
}

#fuss {
background-color: green;
}

Auschnitt HTML:
…<body id="news"> <!-- id = ein Attribut -->

<div id="wrapper">

<div id="kopf">
</div> <!-- Ende kopf -->

<div id="navi">
<div id="dropdown">
<ul id="sddm">
<li><a href="news.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Home - Seite 1</a>
<a href="#">Home - Seite 2</a>
<a href="#">Home - Seite 3</a>
</div>
</li>
<li><a href="links.html" onmouseover="mopen('m2')" onmouseout="mclosetime()">Links</a>
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">Links - Seite 1</a>
<a href="#">Links - Seite 2</a>
<a href="#">Links - Seite 3</a>
</div>
</li>
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">About</a>
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
<a href="#">About - Seite 1</a>
<a href="#">About - Seite 2</a>
</div>
</li>
</ul>
<div style="clear:both"></div>
</div>
</div> <!-- Ende navi -->

<div id="inhalt">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div> <!-- Ende text -->

<div id="fuss">
<address>
Links &middot; J.WEB
</address>
</div> <!-- Ende fuss -->

</div> <!-- Ende wrapper -->

</body>

</html>
Mit Zitat antworten
Sponsored Links