kostenloser Webspace werbefrei: lima-city

Höhe automatisch anpassen

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

1. Autor dieses Themas

   pasi-b

   

   pasi-b hat kostenlosen Webspace.

   10:28, 5.9.2011

   Hallo zusammen,
   
   ich habe ein Problem beim Umsetzen eines Designs mittels CSS und HTML.
   
   Bild
   
   Ich möchte, dass der gelbe Container automatisch angepasst wird, von der Höhe her, den die anderen 2 vorgeben. Was heißen soll, dass die höhe nicht fixed sien darf.
   Ich wüsste nicht wie ich die Formation ohne "position: absoulte;" umsetzen könnte, jedoch wird dann die Höhe des gelben Containers nicht mehr beachtet.
   
   
   Würde mich freuen, wenn ihr mir helfen könntet.
   
   
   Gruß
   
   Beitrag zuletzt geändert: 5.9.2011 10:28:47 von pasi-b

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

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

3. t*****b

   10:49, 5.9.2011

   Hast du einen Quellcode, damit wir sehen, weiso es nicht funktioniert?
   
   Du kannst ein wenig tricksen indem du.
   
   

   <div id="gelberkasten">
    <div id="gruenerkasten">
     <p>content...</p>
    </div>
    <div id="roterkasten">
     <p>content...</p>
    </div>
    <div style="clear:both;"><!-- "zieht" den gelben kasten nach unten --></div>
   </div>

   
   
   verwendest.
4. Autor dieses Themas

   pasi-b

   

   pasi-b hat kostenlosen Webspace.

   11:04, 5.9.2011

   trueweb schrieb:
   Hast du einen Quellcode, damit wir sehen, weiso es nicht funktioniert?
   
   Du kannst ein wenig tricksen indem du.
   
   

   <div id="gelberkasten">
    <div id="gruenerkasten">
     <p>content...</p>
    </div>
    <div id="roterkasten">
     <p>content...</p>
    </div>
    <div style="clear:both;"><!-- "zieht" den gelben kasten nach unten --></div>
   </div>

   
   
   verwendest.

   
   
   Danke dir! Kann ich das immer anwenden?

5. t*****b

   15:27, 5.9.2011

   pasi-b schrieb:
   

   trueweb schrieb:
   Hast du einen Quellcode, damit wir sehen, weiso es nicht funktioniert?
   
   Du kannst ein wenig tricksen indem du.
   
   

   <div id="gelberkasten">
    <div id="gruenerkasten">
     <p>content...</p>
    </div>
    <div id="roterkasten">
     <p>content...</p>
    </div>
    <div style="clear:both;"><!-- "zieht" den gelben kasten nach unten --></div>
   </div>

   
   
   verwendest.

   
   
   Danke dir! Kann ich das immer anwenden?

   
   
   Klar wieso nicht?

6. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   16:25, 5.9.2011

   Auf den leeren Container mit dem Clearing kann man verzichten, wenn dem CSS des umfassenden Containers (gelber Kasten) ein "overflow:auto;" hinzugefügt wird:
   
   FF
   
   
   
   Beitrag zuletzt geändert: 5.9.2011 16:25:22 von fatfreddy

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

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

Dir gefällt dieses Thema?