13 berichten aan het bekijken - 1 tot 13 (van in totaal 13)
  • Q:
    Bijdrager
    darh

    CSS height 100%

    Beste mensen!

    Ik heb een probleempje in CSS. Het probleem is dat de “height” van een div die op 100% staat alleen kijkt naar de scherm grote en dus niet naar de site grote. Wat er op neer komt dat je als je naar beneden scrolt ziet dat die DIV is opgehouden…

    Dit probleem doet zich niet voor in Internet Explorer maar wel in Safari en Firefox.

    http://www.jasperbel.nl/sneeuwwebcams

    Alvast bedankt voor het meedenken!

    Bijdrager
    kermit

    idd 100% heeft niet te maken met de inhoud van de div. Wat als je geen hoogte instelt voor de div?

    Bijdrager
    iJoost

    Het is 100% van het omhullende element.

    Voor horizontaal en verticaal centreren zie hier:

    http://www.w3.org/Style/Examples/007/center

    Bijdrager
    darh
    ”iJoost”

    Het is 100% van het omhullende element.

    Voor horizontaal en verticaal centreren zie hier:

    http://www.w3.org/Style/Examples/007/center

    Ja ik snap dat het 100% van het omhullende is, daarom heb ik body en html ook 100% gegeven.

    Centreren heeft het toch niet mee te maken in dit geval?

    Bijdrager
    iAlwin

    Als je zorgt dat je basis gewoon met een tabelletje neerlegt en vervolgens het div-je de eigenschaap 100% hoog geeft gaat het wel werken.

    Bijdrager
    darh
    ”iAlwin”

    Als je zorgt dat je basis gewoon met een tabelletje neerlegt en vervolgens het div-je de eigenschaap 100% hoog geeft gaat het wel werken.

    Ok een tabel.. Dus je bedoelt alles inclusief alle div’s in een tabel gooien en tabel formaat 100% hoogte geven?

    Moet ik toch weer die ouderwetse tabellen gebruiken, denk ik net een site te maken zonder tabellen..:P

    Bijdrager
    iJoost

    Ik zou denken dat de body-tag geen omhullende heeft (althans niet zichtbaar).

    http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height

    Je hebt trouwens nog een foutje:

    [code:1:525e388555]Warning: Error in parsing value for property ‘font-size’. Declaration dropped.
    Source File: http://www.jasperbel.nl/sneeuwwebcams/style3.css
    Line: 171[/code:1:525e388555]

    Bijdrager
    darh
    ”iJoost”

    Ik zou denken dat de body-tag geen omhullende heeft (althans niet zichtbaar).

    http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-height

    Je hebt trouwens nog een foutje:

    [code:1:5232875e8b]Warning: Error in parsing value for property ‘font-size’. Declaration dropped.
    Source File: http://www.jasperbel.nl/sneeuwwebcams/style3.css
    Line: 171[/code:1:5232875e8b]

    Ja daar heb je gelijk in… Maar er is dan toch wel een andere oplossing om die div helemaal verticaal over de pagina uit te trekken?

    bedankt voor de hulp trouwens!

    Bijdrager
    Mr Macintosh

    Ik werk in dat geval met een achtergrond die ik laat doorlopen, zodat het lijkt alsof de DIV doorloopt.

    Bijdrager
    darh
    ”Mr

    Ik werk in dat geval met een achtergrond die ik laat doorlopen, zodat het lijkt alsof de DIV doorloopt.

    En hoe je dat als ik vragen mag?

    Bijdrager
    kermit

    je dient zeker eerst de foute mark-up op te lossen die in de lijsten zitten:

    <li>Les Trois Vallees<ul>
    <a href=”chatel.html”><font class=”menugrijs”><li>Courchevel</a>
    <a href=”morgins.html”><font class=”menugrijs”><li>Meribel</a>
    <a href=”morzine.html”><font class=”menugrijs”><li>Les Menuires</a>

    probeer eens bij box:

    #box{
    width:703px;
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto;
    }

    en verwijder alle onnodige hoogtes (dus niet die van de header)

    Bijdrager
    kermit

    ivm Mr Macintosh schreef:
    Ik werk in dat geval met een achtergrond die ik laat doorlopen, zodat het lijkt alsof de DIV doorloopt.

    En hoe je dat als ik vragen mag?

    maak een achtergrondafbeelding voor de body-tag die een smalle brede reep is en laat deze repeteren naar beneden toe.

    Bijdrager
    darh

    Ik heb het nu inderdaad gedaan met een achtergrond image. Vind het als ik kieskeurig ga kijken geen mooie oplossing maar het werkt tenminste:)

    Bedankt voor jullie hulp, als iemand nog een andere oplossing weet zonder background-img hoor ik het graag!

13 berichten aan het bekijken - 1 tot 13 (van in totaal 13)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.