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)

Menu loopt niet van top tot bottom

None
2 antwoorden
  • Hoi,

    Op het moment ben ik bezig met de methode om een website met div's onder de knie aan het krijgen. Het lijkt te lukken. Alleen stuit ik op een probleempje waar ik de vinger niet op kan leggen. Het navigatiemenu aan de rechterkant begint niet helemaal aan de bovenkant met de achtergrondkleur, maar enkele pixels lager. Ook gaat deze niet tot op de bodem. Wanneer ik in de CSS in de div 'nav' de height op meer dan 100% zet dan loopt deze wel door, maar dat lijkt me niet de oplossing. Trouwens, het probleem aan de top is dan nog niet opgelost. Ik heb een tip van Boelieboelie in een eerder topic geprobeerd (Faux columns) , maar dat werkt helaas niet.

    De CSS:

    [code:1:1e21aecd26]
    a:link {color:#479DD6;}
    a:visited {color:#CC0000;}
    a:hover {color: #479DD6;}


    html, body
    {
    height: 100%;
    background: #FFFFFF;
    color: #000000;
    behavior:url("csshover.htc");
    }

    body
    {
    margin: 0;
    padding: 0;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    }

    #wrap
    {
    position: relative;
    height: 200%;
    width: 1004px;
    }

    #header
    {
    position: absolute;
    top: 0;
    left: 0;
    height: 10em;
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    z-index: 3;
    }

    #search span
    {
    font-size: 14px;
    }

    #nav
    {
    margin: 0;
    padding: 0;
    position: relative;
    display:block;
    float: right;
    width: 200px;
    background-color: #479DD6;
    z-index: 8;
    height: 300%;
    }

    #nav a
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #0033FF;
    text-decoration: none;
    }

    #nav a:hover
    {
    color: #333333;
    }

    #subnav a
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 200;
    display: block;
    width: 10em;
    padding: .2em .1em;
    }

    #nav ul
    {
    text-align: left;
    list-style-type: none;
    padding-top: 2px;
    margin-top: 2px;
    padding-left: 15px;
    margin-left: 15px;
    }

    #nav ul ul
    {
    position: absolute; left: -235px; top: 5px;
    }

    #nav li
    {
    position: relative;
    }

    div#nav ul ul
    {
    display: none;
    z-index: 10;
    background-color: #479DD6;
    border-style: solid;
    border-width: thin;
    border-color: #666666;
    }

    div#nav ul li:hover ul
    {
    display: block;
    }

    /* content styles */

    .big
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    color: #479DD6;
    }

    .xbig
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #479DD6;
    }

    .style3
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    }

    #content, #nav
    {
    padding-top: 10em;
    padding-bottom: 10em;
    }

    #content
    {
    position: relative;
    float: left;
    width: 750px;
    margin-left: 2px;
    margin-right: 2px;
    }

    /* Kop van de content */

    .testclass
    {
    color: #0033FF;
    font: 28px arial,helvetica;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    z-index: 1000;
    }

    #test
    {
    position: absolute;
    top: 105px;
    left: 461px;
    width: 270px;
    text-align: left;
    }

    [/code:1:1e21aecd26]

    Weet iemand de oplossing?

    M.vr.gr., Dalertje
  • Hoi,

    De oplossing voor het verschuiven van het menu zodat deze enkele pixels van de top begon, is gevonden. Nu staat alleen het waarom deze niet tot aan de bottom toeloopt.

    M.vr.gr., Dalertje

Beantwoord deze vraag

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