#1 7. September 2008 Div box/container/ebene fixieren??? WIE??? Servus RRler bastel gerade ne Homepage und arbeite im Content mit Div Boxen. Seite funktioniert bei der Auflösung 1280x1024 wunderbar nur wenn ich das fenster minimiere bzw. wenn jemand mit ner kleineren Auflösung die Seite anschaut, verschiebt sich das alles............... die Seite bzw. der Browser passt sich der AUflösung an und die DIV box hängt auf "halb 9" ^^ Was muss ich nun ändern damit sich die Div box ebenfalls so wie die "hp" an die unterschiedlichen auflösungen anpasst? Geht das überhaupt so einfach? Hoffe ihr versteht was ich meine Grüße toto1988 + Multi-Zitat Zitieren
#2 7. September 2008 AW: Div box/container/ebene fixieren??? WIE??? meinst du dass dein div im vergleich zum anzeugebereich kleiner/größer werden soll? dann arbeite mit % bei den height, width, top und left angaben. ansonsten hab ich noch nicht ganz verstanden was genau sich jetzt verschiebt. + Multi-Zitat Zitieren
#3 8. September 2008 AW: Div box/container/ebene fixieren??? WIE??? Kann es sein, dass du die Seite horizontal zentrieren willst? Das macht man mit Code: #container { width: 760px; margin: 0 auto; } <div id="container"> <p>Hallo Welt!</p> </div> Ansonsten mit Prozentangaben arbeiten, wie myth schon sagt. + Multi-Zitat Zitieren
#4 8. September 2008 AW: Div box/container/ebene fixieren??? WIE??? wenn ichs noch richtig im kopf habe müsste doch wenn du float benutzt es sich immer anpassen oderß + Multi-Zitat Zitieren
#5 8. September 2008 AW: Div box/container/ebene fixieren??? WIE??? nein, warum auch? also ich lass schon lange die finger von % angaben, denn da weiß man nie genau wies bei anderen auflösungen aussieht usw... bei px weiß ich das es in allen auflösungen passt die ich berücksichtige. um eine seite auf vollbild zu bekommen braucht man keine % angaben. folgendes beispiel zeigt wies geht: HTML: <html> <head> <title>2 Spaltenlayout im Vollbilmodus</title> <meta http-equiv="contnet-type" contnet="text/html;charset=utf-8" /> <style type="text/css"> #left { float: left; width: 200px; border: 1px solid #000; height: 312px; } #left .inner { padding: 6px; } #right { margin-left: 210px; padding: 6px; height: 300px; border: 1px solid #000; } </style> </head> <body> <div id="left"> <div class="inner"> Links </div> </div> <div id="right"> Rechts (volle Breite) </div> </body> </html> + Multi-Zitat Zitieren