einen div-container und in diesem 3 unterschiedliche weitere divs.
nun hab ich bei allen 3 inneren bei margin-top: inherit; gemacht.
dennoch werden alle 3 mit unterschiedlichem abstand zum eltern-div dargestellt.
ich benutze zum "sehen" der divs das plugin "web developer" für den firefox.
das schaut ungefähr so aus :
Code
<div id="rechtsoben">
<div id="pflegebox"></div>
<div id="navbox">
<div id="mainnavi">
Links
</div>
</div>
<div id="loginbox">
<div id="login">
[img]images/bullet.gif[/img] [b]Commyounity-Login[/b]
<form action="" method="">
<span class="zentriert">nummer</span>
<input type="text" name="user" size="20" />
<span class="zentriert">Dein Passwort</span>
<span>
<input type="password" name="password" size="16"/>
<input type="image" src="images/go.gif" width="15" height="15" alt="abschicken">
</span>
</form>
<span class="zentriert">[url='']Passwort vergessen?[/url]</span>
</div>
</div>
</div>
Alles anzeigen
im css steht:
Code
#rechtsoben {
margin-top: 35px;
height: 250px;
}
#pflegebox {
background-image: url(images/angebotsbox.jpg);
background-repeat: no-repeat;
height: 190px;
width: 232px;
margin-top: -400px;
margin-left: 350px;
}
#navbox {
background-image: url(images/navline.gif);
background-repeat: repeat-y;
margin-top: -200px;
margin-left: 550px;
width: 100px;
}
#mainnavi {
width: 80px;
text-align: right;
}
#loginbox {
height:250px;
width:150px;
margin-top: -115px;
margin-left: 650px;
}
#loginbox a:link, a:visited {
font-size: 6pt;
color: #000000;
text-decoration: none;
}
#login {
font-size: 9pt;
text-align: center;
}
Alles anzeigen
so sind sie momentan im ff ca. auf selber höhe. lass ich alle das margin-top von der umschließenden box erben, dann wirds eine treppe