div blöcke "fixieren"
taz 21.10.2003 - 22:46 683 5
taz
Legend
|
Nachdem mein letztes problem nicht lange zurück ist stehe ich leider schon wieder an:
Ich verwende div blöcke zur Seitengestaltung
also ein div block beinhaltet das Menü , einer die Linkleiste und einer den Content in der Mitte. Das schuat bei allen Auflösungen zw 800*600 und 1280*1024 ganz zufriedenstellend aus
ABER sobald das fenster eine gewisse mindestgröße unterschreitet schieben sich die blöcke übereinander und das ganze schaut einfach nur mehr nach BÄH aus. gibt es eine Möglichkeit bei einer gewissen fenstergröße einfach scrollleisten zu machen, damit sich die blöcke nicht weiter zusammenschieben oder so etwas in der art
|
watchout
Legendundead
|
naja, ich schätze du machst das alles mit absoluter positionierung? dann musst du nen "fake"-block in den hintergrund machen, der dann diese grösse hat, am besten mit min-width angaben
|
taz
Legend
|
ich habs mit deinem ratschlag versucht und bin gescheitert . obwohl ich einen div block gemacht habe (schon mit verschiedensten einstellungen) und immer min-width und min-height festgelegt habe werden trotzdem die blöcke übereinander geschoben (im ie5). mozilla schiebt die blöcke zusammen aber bei weitem nicht so stark wie der ie hier wäre der relevante code: <style type="text/css"> <!-- body { } #logo_oben { position:absolute; top:1%; left:1%; width:14%; height:10%; z-index:1; } #kontakt { position:absolute; top:1%; right:1%; width:35%; height:12%; z-index:2; } #formular { position:absolute; bottom:1%; left:1%; width:40%; height:13%; z-index:3; } #groesse_kontakt { position:absolute; top:1%; left:1%; width:100%; height:100; min-width:300px; min-height:300px; overflow:scroll;visibility:hidden; z-index:-1; }--> </style> <BODY> <div id="groesse_konakt" style="background:white; border:solid 2px blue;"> </div> <div id="logo_oben" style="background:white; border:solid 2px blue;"> <IMG SRC="amw_logo_md.jpg" ALIGN=middle BORDER=0 WIDTH=148 HEIGHT=94> </div> <div id="kontakt" style="background:white; border:solid 2px blue;"> <h3>Kontakt</h3> weiterer INhalt </div> <div id="formular" style="background:white; border:solid 2px blue;"> <form action="mail_kontakt.php" name="email" method="post"> eine FORM <INPUT type="Submit" name= "abschicken" value="Abschicken"> </form> </div> </BODY>
|
watchout
Legendundead
|
oh, ich glaub mit bissi weniger promille... äh prozentangaben wärst besser dran
|
taz
Legend
|
wollts halt schön variabel haben wo sollte ich nun die promille (seit ich versuch eine site zu machen könnt ich echt zum säufer werden ) angaben streichen ? und wann würde dann deine varainte mit dem unsichtbaren div gehen ?
|
watchout
Legendundead
|
puh, ich kann auf der seite kaum was erkennen, deswegen kann ich dir auch nur schwer sagen was der eigentliche fehler is, ahm - positionsangaben solltest du imho auch ohne promille zamkriegen... es skaliert damit nämlich sehr merkwürdig... puh... vielleicht schau' ichs mir nomal an - auch mit weniger promille
|