Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Div ruzie

Johnny321
9 antwoorden
  • 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 :)
  • 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.
  • Of gewoon een bottom-margin icm met een border toevoegen?

    - Bas
  • .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: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 :(
  • Heb je het al geprobeerd met margin-bottom:10px??
  • De div wordt met 10pixels vergroot alleen buiten je scherm. :(
  • [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.
  • 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.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.