Hallo,
ich habe jetzt noch ein wenig weiter gemacht und das habe ich bis jetzt gemacht:
HTML-Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Box in Box</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content" id="content">
<div class="boxes1" id="box1">Das hier ist Box 1</div>
<div class="boxes2" id="box2">Das hier ist Box 2</div>
<div class="boxes3" id="box3">Das hier ist Box 3</div>
<div class="boxes4" id="box4">Das hier ist Box 4</div>
<div class="he4" id="hee4">Das liegt nun oben1</div>
</div>
<a href="#box1">Blubb1</a> <a href="#box2">Blubb2</a> <a href="#box3">Blubb3</a> <a href="#box4">Blubb4</a><br>
<a href="#hee4">Oben1</a>
</body>
</html>
HTML-Code:
.content {
height: 400px;
width: 800px;
position:relative;
overflow:hidden;
border:solid 1px;
background-color:#ffffff;
}
.boxes1 {
height: 400px;
width: 800px;
position:relative;
background-color:#006600;
}
.boxes2 {
height: 400px;
width: 800px;
position:relative;
background-color:#efefef;
}
.boxes3 {
height: 400px;
width: 800px;
position:relative;
background-color:#c8c8c8;
}
.boxes4 {
height: 400px;
width: 800px;
position:relative;
background-color:#000000;
}
.he4 {
height: 200px;
width: 800px;
position:absolute;
background-color:#330000;
}
so das geht auch eigentlich schon fast, nur ich habe noch folgendes Problem, ich wähle z.B. das hier
HTML-Code:
<a href="#box2">Blubb2</a>
und dann sage ich noch ich möchte das hier
HTML-Code:
<a href="#hee4">Oben1</a>
so box2 ist ja das untere Div sprich das große und das hee4 ist das obere, ich dachte jetzt, da das obere ja kleiner ist wie das untere, dass er das einfach drüber legt und aber ich das große DIV noch sehe also das Grau aber nein, er macht da was ganz komisches, der macht alles Schwarz und dann zeigt er unten mir das kleinere DIV an und das ist falsch, er sollte eben nur das DIV dann drüber legen aber das dahinter soll er so lassen wie ich das gerade gewählt habe. Wie kann ich das denn machen? und geht das dass ich dem oberen (kleinerem) DIV noch eine andere Position gebe?
LinkBack URL
About LinkBacks
Zitieren
also dein türchen problem... die türchen müssen ja alle gleich groß sein wenn sie ins bild passen sollen... nur andere farbe... du kannst ja die maske (also content-div) absolut platzieren nur das innen drin halt nicht 
