|
|||
Automatische Größe
Hallo,
ich habe eine schöne Frage an euch was nicht unbedingt ein Projekt ist ich jedoch mal eine Testdatei erstellt habe. Ich habe einen großen Div Container "maincontent" darin ist "mainleft" und "mainright" wenn ich jetzt "mainright" größer mache als "mainleft" soll der Hintergrund jedoch weiter also proportional mitgehen. Wenn ich "maincontent" eine feste größe zuweise sagen wir 200px funktioniert die Geschichte wenn ich jedoch sage 100% dann bleibt "mainleft" klein und "mainright" ist größer. Viel Spaß Mit freundlichen Grüßen Sascha Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- #container { width: 900px; margin: 0px auto; } #head { height: 200px; background-color: #00FF99; } #maincontent { width: 100%; float: left; height: 100%; position: relative; } #mainleft { height: 100%; float: left; width: 30%; background-color: #CC3333; } #mainright { width: 70%; float: left; background-color: #996633; height: 100%; } --> </style> </head> <body> <div id="container"> <div id="head">Raum für den Inhalt von id "head"</div> <div id="maincontent"> <div id="mainleft"> <p>Raum für den Inhalt von id "mainleft"</p> </div> <div id="mainright"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p> </div> </div> </div> </body> </html> |
Sponsored Links |
|
||||
Faux Columns - Technik ?!?
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Größe des Hintergrund-Elements bei absoluter Positionierung | CodeMonkey | CSS | 2 | 20.01.2011 20:19 |
Größe eines versteckten divs herausbekommen | wuschba | Javascript & Ajax | 6 | 31.01.2008 15:34 |
iframe Größe bei Laden des Inhalts an dessen Größe anpassen | wiseguy | Javascript & Ajax | 0 | 24.06.2007 23:04 |
Größe ans Browserfenster anpassen | GeorgeDorn | CSS | 1 | 06.01.2007 15:42 |
CSS Layout mit fester und variabler Größe | Xavier | CSS | 7 | 18.01.2005 14:57 |