Hai leute
Ich habe mal ein simples Beispiel gemacht und darauf steiß ich auf folgenden Fehler
Wenn ich ein großes Div Element habe, darin ein 2tes Mittleres Div Element habe, und in dem wiederrum ein kleines 3tes Div Element habe, und dann im 3ten sage margin-top:30px; verschiebt sich aber auch das Mittlere Div, obwohl ich nur das kleine nach unten verschieben Verschieben möchte. Dies klappt einfach im firefox nicht wieso ? Im IE funktioniert das wiederum.
Hiereinmal der html code
und hier einmal der css code:
sind 2verscheidende Datein
Würdet ihr mir vielleicht weiterhelfen
Ich habe mal ein simples Beispiel gemacht und darauf steiß ich auf folgenden Fehler
Wenn ich ein großes Div Element habe, darin ein 2tes Mittleres Div Element habe, und in dem wiederrum ein kleines 3tes Div Element habe, und dann im 3ten sage margin-top:30px; verschiebt sich aber auch das Mittlere Div, obwohl ich nur das kleine nach unten verschieben Verschieben möchte. Dies klappt einfach im firefox nicht wieso ? Im IE funktioniert das wiederum.
Hiereinmal der html code
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Das link-Element für Stylesheets</title>
<link rel="stylesheet" type="text/css" href="formate.css">
<style type="text/css">
</style>
</head>
<body>
<div id="d1">
<div id="d2">
<div id="d3">huhu
</div>
</div>
</div>
</body>
</html>und hier einmal der css code:
Code:
#d1
{
padding-left: 5px;
position: absolute;
top: 10px;
height: 800px;
width: 100%;
background-color: #2d2d51;
font-size:0.8em;
color: White;
}
#d2
{
background-color: Red;
height:200px;
width:100%;
margin-top:20px;
margin-left:20px;
}
#d3
{
background-color: Green;
height: 170px;
width: 70px;
padding-top:10px;
padding-left:20px;
margin-top:10px;
margin-left:20px;
}sind 2verscheidende Datein
Würdet ihr mir vielleicht weiterhelfen
