anoniem Geplaatst: 12 mei 2004 Delen Geplaatst: 12 mei 2004 IK ben bezig met wat verbeteringen van mijn layout. Helle maal onder aan mijn pagina heb ik een horizontale border die de einde van een <div> aan geeft. Maar als de pagina groter is dan mijn scherm krijg ik dit: [img:568e7097ed]http://www.mol-clan.nl/upload/image.php?id=65[/img:568e7097ed] Nu had ik graag dit gewilt: [img:568e7097ed]http://www.mol-clan.nl/upload/image.php?id=66[/img:568e7097ed] Mijn CSS code: [code:1:568e7097ed] .content{ padding:2px; position:absolute; top:150px; left:-298px; background-color:#A8C4CF; width:596px; border:1px solid #2F3529; font-size:12px; font-family:Arial, Verdana, Tahoma, sans-serif; }[/code:1:568e7097ed] Hoe los ik het op een nete manier op :) Quote Link naar reactie
anoniem Geplaatst: 12 mei 2004 Auteur Delen Geplaatst: 12 mei 2004 Je wilt zegmaar een witte balk altijd onderaan. Aha, dat kan wel als je een div plaatst onderaan die div, met [code:1:55e7c64f46] position: fixed; bottom: 0px; [/code:1:55e7c64f46] maar dan kom je tegen compatibiliteitsproblemen aan, aangezien IE dit niet ondersteund. Om het geheel ook in IE te kunnen weergeven, moet je met JavaScript werken. Beetje zoeken met google 'position:fixed IE' en je komt vast wel wat tegen, succes. Quote Link naar reactie
anoniem Geplaatst: 12 mei 2004 Auteur Delen Geplaatst: 12 mei 2004 Of gewoon een bottom-margin icm met een border toevoegen? - Bas Quote Link naar reactie
anoniem Geplaatst: 16 mei 2004 Auteur Delen Geplaatst: 16 mei 2004 .content{ padding:2px; position:absolute; top:150px; left:-298px; background-color:#A8C4CF; width:596px; [b:0f1a57191d]height:..px;[/b:0f1a57191d] border:1px solid #2F3529; font-size:12px; font-family:Arial, Verdana, Tahoma, sans-serif; } Zie vetgedrukt. Als je de <div> een waarde height meegeeft moet je krijgen wat je bedoeld Succes Quote Link naar reactie
anoniem Geplaatst: 16 mei 2004 Auteur Delen Geplaatst: 16 mei 2004 [quote:4338136254="Wouter D"].content{ padding:2px; position:absolute; top:150px; left:-298px; background-color:#A8C4CF; width:596px; [b:4338136254]height:..px;[/b:4338136254] border:1px solid #2F3529; font-size:12px; font-family:Arial, Verdana, Tahoma, sans-serif; } Zie vetgedrukt. Als je de <div> een waarde height meegeeft moet je krijgen wat je bedoeld Succes[/quote:4338136254] Ik het wel gevonden maar het probleem is dat ik de hogte van de div nooit zal weten om dat hij zo variabel als de (Enge ziekte) is. Alles wordt doormiddel van php uit de database gehaald. Of ik moet een te grootte hoogte invoeren Maar dan heb je een lange stuk leegg :(. Hellaas wordt het bijn padding-bottom:10px alles buiten het scherm vergroot dus het helpt ook niet :( Quote Link naar reactie
anoniem Geplaatst: 20 mei 2004 Auteur Delen Geplaatst: 20 mei 2004 Heb je het al geprobeerd met margin-bottom:10px?? Quote Link naar reactie
anoniem Geplaatst: 20 mei 2004 Auteur Delen Geplaatst: 20 mei 2004 De div wordt met 10pixels vergroot alleen buiten je scherm. :( Quote Link naar reactie
anoniem Geplaatst: 20 mei 2004 Auteur Delen Geplaatst: 20 mei 2004 [quote:eb5cf25a65="Johnny321"]Je wilt zegmaar een witte balk altijd onderaan. Aha, dat kan wel als je een div plaatst onderaan die div, met [code:1:eb5cf25a65] position: fixed; bottom: 0px; [/code:1:eb5cf25a65] maar dan kom je tegen compatibiliteitsproblemen aan, aangezien IE dit niet ondersteund. Om het geheel ook in IE te kunnen weergeven, moet je met JavaScript werken. Beetje zoeken met google 'position:fixed IE' en je komt vast wel wat tegen, succes.[/quote:eb5cf25a65] En deze? Zo moet het werken wat jij wilt. Quote Link naar reactie
anoniem Geplaatst: 21 mei 2004 Auteur Delen Geplaatst: 21 mei 2004 Da's ook niet helemaal de bedoeling. Wat je ook nog kan doen is de hele boel omsluiten met een <div></div>. en die div een margin geven van 0 en een padding van 10. Quote Link naar reactie
anoniem Geplaatst: 21 mei 2004 Auteur Delen Geplaatst: 21 mei 2004 Het gekloot met margin's en padding's werkt in dit geval niet, en zal ook nooit werken. De margin/padding wordt dan alleen zichtbaar onderaan de pagina. Alleen een optie met 'fixed' zal werken. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen