Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Menu loopt niet van top tot bottom

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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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