kostenloser Webspace werbefrei: lima-city

Position relative height - Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   h4nni

   h4nni hat kostenlosen Webspace.

   18:39, 20.7.2012

   Hallo Leute,
   
   folgendes Problem. Ich hab eine DIV-Box die per position:relative an den unteren Rand einer weiteren Box gebunden ist. Nun fülle ich die innere Box mit variablen Inhalt, der über mehrere Zeilen gehen kann. Der relative Wert ist auf den 1-Zeiler ausgelegt, bei mehreren Zeilen vergrößert sich die Box allerdings nach unten. FRAGE: Gibt es eine Möglichkeit, dass sich die Box sich nach oben hin erweitert.
   
   LG
   
   Beitrag zuletzt geändert: 20.7.2012 18:39:50 von h4nni

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. t*****b

   21:56, 20.7.2012

   Meinst du es so?
   
   

   <div style="height:600px;border:1px solid #000;position:relative;">
   	<div style="width:100%;position:absolute;bottom:0;border:1px solid red;">
   		<p>unten<br />
   		so hoch</br />
   		es eben<br />
   		ist</p>
   	</div>
   </div>

   
   
   Dafür ist relevant:
   
   CSS äußeres Element:
   - position:relative;
   (-height)
   
   Inneres Element:
   - position:absolute;
   - border:0;

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?