[CSS] Div ruzie

[anoniem]

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 :)

[anoniem]

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.

[anoniem]

Of gewoon een bottom-margin icm met een border toevoegen? - Bas

[anoniem]

.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

[anoniem]

[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 :(

[anoniem]

Heb je het al geprobeerd met margin-bottom:10px??

[anoniem]

De div wordt met 10pixels vergroot alleen buiten je scherm. :(

[anoniem]

[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.

[anoniem]

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.

[anoniem]

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.