ich würde gerne 3divs untereinander darstenn jeweils mit 33% das der ganze Monitor voll ist das geht auch ganz gut. nur ich würde jetzt ganz gerne über diese 3 divs sozusagen eine neue Bene machen mit einem Div der 80% Höhe und weite hat wie kann ich das umsetzten das er "über" den anderen ist?
✔ div Problem mit Schichtposition
- Themenstarter AZUBI09
- Beginndatum
ZodiacXP
Erfahrenes Mitglied
Allgemein würde ich sagen den DIV nach allen anderen Elementen definieren oder über den z-index per CSS: http://www.css4you.de/z-index.html
Löst das dein Problem?
Löst das dein Problem?
M
Maik
Hi,
ich versteh dein Problem auch so: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Und achte bitte etwas mehr auf unsere Netiquette (Nr.15) bzgl. deiner Rechtschreibung - vielen Dank!
mfg Maik
ich versteh dein Problem auch so: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Und achte bitte etwas mehr auf unsere Netiquette (Nr.15) bzgl. deiner Rechtschreibung - vielen Dank!
mfg Maik
ich verzweifel gerade :-(
so siehts immoment aus (siehe Bild)
und ich will vorall den Divs jetzt noch nen neuen haben wie erwähnt 80%.
bekomms aber leider nicht hin hier der Quelltcode:
CSS:
html:
könnt ihr mir hälfen der vierte div sollte "inhalt" heißen
so siehts immoment aus (siehe Bild)
und ich will vorall den Divs jetzt noch nen neuen haben wie erwähnt 80%.
bekomms aber leider nicht hin hier der Quelltcode:
CSS:
HTML:
@charset "utf-8";
/* CSS Document */
html, body{
height: 100%;
padding: 0px;
margin: 0px;
}
.top{
height: 20%;
width: 100%;
background:url(bg_top.jpg);
}
.middle{
height: 60%;
width: 100%;
background-image: url(verlauf.jpg);
background-repeat: repeat-x;
background-color: #fff;
padding-bottom: 0px;
}
.bottom{
height: 20%;
width: 100%;
background:url(bg_top.jpg);
}html:
HTML:
<body>
<div class="top"></div>
<div class="middle"></div>
<div class="bottom"></div>
</body>könnt ihr mir hälfen der vierte div sollte "inhalt" heißen
Anhänge
M
Maik
Vor oder über den DIV-Blöcken? Das ist hier jetzt die Frage
mfg Maik
mfg Maik
M
Maik
Das geht aus unseren empfohlenen Links eigentlich klar hervor - aber gut:
mfg Maik
HTML:
<body>
<div id="inhalt"></div>
<div class="top"></div>
<div class="middle"></div>
<div class="bottom"></div>
</body>
CSS:
#inhalt {
position:absolute;
top:10%;
left:10%;
height:80%;
width:80%;
z-index:2;
background:#fff;
color:#000;
}mfg Maik
