• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

frage zur verschachtelung von divs...

Status
Für weitere Antworten geschlossen.
W

wolle

Neues Mitglied
hallo,
hab ne recht kurze frage:

ich habe mehrere div elemente. einige sind auch verschachtelt:
beispiel:

Code: 
<div class="middle">
     <div class="content"></div>
</div>

in meiner css datei sind beide elemente mit position:absolute definiert und natürlich mit den üblichen höhen und breitenangaben.
das problem ist jetzt, wenn der inhalt in content zu gross ist, wird das div feld automatisch größer (also in der höhe). ist auch ok so. nur geht das div feld content dann einfach aus middle hinaus. ich möchte nun aber, wenn content sich vergrössert, sich middle auch vergrössert und content net einfach drüber hinaus geht.

hoffe ihr versteht was ich meine :D

gruß
wolle
 
du darfst kein position:absolute benutzen.
(wozu brauchst du das? position:absolute auf texte enthaltente divs ist der groesste mist von dem ich je gehoert habe)
 
wozu solltest du die denn auch verwenden? ich sehe dafuer halt keinen grund. :)
 
so hier ejtzt gaaaaaaaaaaaaanz ausführlich:
das element content braucht top und left weil es an eienr bestimmten stelle angezeigt werden soll.

test.html:
Code: 
<html>
<title>test</title>
<head>
<link rel="stylesheet" href="css/main.css" type="text/css">
</head>
<body>
<div class="middle">
	<div class="content"></div>
</div>
</body>
</html>

main.css:
Code: 
div.middle {
	background-color:#F2F2F2;
	position:absolute;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	top:50px;
	left:50px;
	width:200px;
	height:200px;
	z-index:0;
}

div.content {
	background-color:#000000;
	position:absolute;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	top:50px;
	left:20px;
	width:100px;
	height:400px;
	z-index:0;
}

hoffe jetzt verstanden.
middle ist bei mir ne fläche die eigentlich nur den hintergrund und den rand darstellt. in middle gibt es mehrere div elemten z.b. das menü und auch der inhalt also content. und der content soll eben nicht links außen in middle sein sondern an einer bestimmten stelle, weswegen ich auch position definieren muss.
 
mach doch mit margin, bzw padding (abstand außen, abstand innen).

oder was willst du überhaupt?

also einfach:
Code: 
div.content { 
   background-color:#000000; 
   border: 1px solid #000000; 
   margin-top:50px; 
   margin-left:20px; 
   width:100px; 
   height:400px; 
   z-index:0; 
}
 
Wo liegt dann das Problem?
Einfach zwei verschachtelte div's, wenn content grösser wird, wird middle auch grösser..
:roll:

mfg
'dementia
 
darfst den middle auch nicht absolut definieren. machst den middle auch mit margin...

hin und wieder das ding zwischen den ohren benutzen schadet nicht ;)

ach, nur spass ;)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben