"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

div blöcke "fixieren"

taz 21.10.2003 - 22:46 683 5
Posts

taz

Legend

Avatar
Registered: Apr 2000
Location: ärgsten Kaff
Posts: 2233
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

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
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

Avatar
Registered: Apr 2000
Location: ärgsten Kaff
Posts: 2233
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 :confused: 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

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
oh, ich glaub mit bissi weniger promille... äh prozentangaben wärst besser dran ;)

taz

Legend

Avatar
Registered: Apr 2000
Location: ärgsten Kaff
Posts: 2233
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

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
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 :D
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz