Autor |
Nachricht |
wipeout
Threadersteller
Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 13.06.2007 14:09
Titel div größe dynamisch an inhalt anpassen... |
|
|
ich habe folgendes problem:
bei der website die ich gerade programmiere, habe ich drei div-layer ineinander verschachtelt...so
<main div>
<content div>
<content_inhalt div>
blablabla
</content_inhalt div>
</content div>
</main div>
jetzt habe ich für dne content_inhalt natürlich unterschiendlich viel inhalt und so soll sich die größe dynamisch an den inhalt anpassen, nicht aber unter eine bestimmte größe fallen. mir ist klar, dass das ganze mit widht: auto und min-width: wert im css funktioniert...also theoretisch. bei mir wird leider die gesammte website zersiebt, wenn ich das so probiere. jeder div-layer ist mit position: absolute positioniert und hat jeweils einen höheren z-index...
also, wie macht man sowas richtig?
danke für die hilfe!
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.06.2007 14:55
Titel
|
|
|
Mit position:absolute kommste da nicht weit,
wenn die Elemente zueinander abhängig sein
sollen. z-index brauchst Du auch nicht, da
der content_inhalt sowieso drüberliegt.
Keine Ahnung was du machen willst, aber so
könnte man es beispielsweise aufbauen:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blub</title>
<style type="text/css">
<!--
DIV#main, DIV#content, DIV#inhalt {
position:relative;
width:300px;
min-height:100px;
background:red;
text-align:center;
margin:0 auto;
}
DIV#content {
width:200px;
background:yellow;
}
DIV#inhalt {
width:100px;
background:green;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="content">
<div id="inhalt">
<p>blablabla</p>
</div>
</div>
</div>
</body>
</html>
|
Wobei Du die IE <7 noch abfangen und denen
eine height im <div id="inhalt"> verpassen
müsstest.
|
|
|
|
|
Anzeige
|
|
|
wipeout
Threadersteller
Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 13.06.2007 15:00
Titel
|
|
|
yo ich hab es mitlerweile auch halbwegs selber herausgefunden mit position absolute komme ich da echt nicht weit, mit position relative klappt das fast alles wunderbar, nur der foot-bereich der nach dem content kommt will noch nicht so ganz wie ich das möchte....position ist auf relative gestellt und er sollen immer 10 pixel zwischen content und foot bereich sein, aber irgendwie kann ich den foot bereich nur über "top" vernünftig positionieren...
...auf jeden fall vielen dank
Zuletzt bearbeitet von wipeout am Mi 13.06.2007 15:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
creandra
Dabei seit: 13.06.2007
Ort: kraichtal
Alter: 39
Geschlecht:
|
Verfasst Mi 13.06.2007 15:01
Titel
|
|
|
danke das ist cool das brauch ich auch
|
|
|
|
|
|
|
|
Ähnliche Themen |
iframe-Größe dem darin geladenen Inhalt anpassen
Grafiken ohne Qualitätsverlust dynamisch anpassen
[Flash] Breite fest, aber Höhe dynamisch nach Inhalt
div an Inhalt anpassen
Div an Inhalt anpassen
Inhalt anpassen [Padding]
|
|