Hallo,
wenn ich meinen Container Inhalt in dem Container Umschluss, welcher Mittig im Browserfenster sein soll,
floate und zwar nach links, dann ist der Umschlusscontainer zu klein, also "Inhalt" geht auch noch außerhalb weiter.
Floate ich jetzt aber auch den Container Umschluss nach links, dann schließt er sich wieder ganz um den Container Inhalt.
Warum ist das so?
Und wie kann ich es vermeiden?
Code
/* RESET STYLESHEET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym,fieldset,img{border:0} /*Reset Ende*/
html, body {
height: 100%;
}
body{
background: #dbdbdb;
}
div.umschluss {
width: 980px;
background-color: #ffffff;
margin: 20px auto 0 auto;
font-family: 'Forum', cursive;
font-size: 16px;
line-height: 1.2em;
display: block;
position: static;
-webkit-box-shadow: 0px 0px 10px 1px #1f1f1f;
-moz-box-shadow: 0px 0px 10px 1px #1f1f1f;
box-shadow: 0px 0px 10px 1px #1f1f1f;
/* -webkit-box-shadow: 0px 0px 15px 2px ;
-moz-box-shadow: 0px 0px 15px 2px ;
box-shadow: 0px 0px 15px 2px ; */
}
#navigation {
background: url(bgnav.png) repeat-x bottom #ffffff;
text-align: right ;
height: 170px;
margin: 0 12px 0 12px;
}
#navigation img {
float: right;
display: inline;
}
#navigation ul {
/* margin: 0 auto 0 auto; */
display: inline-block;
float: left;
margin-top: 67px;
margin-left: 10px;
text-align: center;
}
#navigation li {
float: left;
height:48px;
padding: 4px;
background: url(bgnavli.png) no-repeat;
text-align: center;
margin: 0 1px 0 0 ;
display: block;
/* -webkit-box-shadow: 1px 1px 4px 0.2px #c2c2c2;
-moz-box-shadow: 1px 1px 4px 0.2px #c2c2c2;
box-shadow: 1px 1px 4px 0.2px #c2c2c2; */
}
#navigation li.span{
background: url(bgnavliakt.png) no-repeat;
}
#navigation li.span:hover {
background: url(bgnavliakt.png) no-repeat;;
}
#navigation li.span a{
color: #ffffff;
}
#navigation li:hover {
background: url(bgnavlihov.png) no-repeat transparent;
}
#navigation li:hover a {
color: white;
}
#navigation li a {
color: #202020;
font-family: Verdana;
font-size: 14px;
text-decoration: none;
display: block;
padding-top: 9px;
height: 38px;
width: 110px;
}
#inhalt {
padding: 20px 15px 5px 15px;
margin: 2px 10px 0 10px;
background: #fcfeff;
float: left;
display: block;
background-color: green;
}
#rechts {
float: right; width: 200px;
background: silver;
display: block
}
#footer {
margin-bottom: 30px;
float: left;
}
Alles anzeigen