mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 29.04.2024 00:08 Benutzername: Passwort: Auto-Login

Thema: div größe dynamisch an inhalt anpassen... vom 13.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div größe dynamisch an inhalt anpassen...
Autor Nachricht
wipeout
Threadersteller

Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 13.06.2007 14:09
Titel

div größe dynamisch an inhalt anpassen...

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 13.06.2007 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
wipeout
Threadersteller

Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 13.06.2007 15:00
Titel

Antworten mit Zitat Zum Seitenanfang

yo ich hab es mitlerweile auch halbwegs selber herausgefunden Lächel 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 Lächel


Zuletzt bearbeitet von wipeout am Mi 13.06.2007 15:09, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
creandra

Dabei seit: 13.06.2007
Ort: kraichtal
Alter: 39
Geschlecht: Weiblich
Verfasst Mi 13.06.2007 15:01
Titel

Antworten mit Zitat Zum Seitenanfang

danke das ist cool das brauch ich auch Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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]
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.