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)

Probleem met menubalk in Internet Explorer

glompie
11 antwoorden
  • Hoi,
    Ik ben bezig met een website (http://www.minihortus.nl/vaedershoefke)
    In Firefox en Google Chrome ziet de website er goed uit, maar in Internet Explorer zit de menubalk niet tegen de header aan. Weet iemand waar dit aan kan liggen?
    [code:1:06392d9679]body {
    background-image: url(images/achtergrondmenuhover.png);
    text-align: center;
    font-family: Arial;
    font-size: 14pt;
    text-decoration: none;
    margin: 0px;
    }

    #container {
    text-align: left;
    width: 900px;
    height: 100%;
    margin: 0 auto;
    background-image: url('images/achtergrond.png');
    background-repeat: repeat;
    overflow: hidden;
    }

    #container:after{
    display:block;
    content:" ";
    clear:both;
    }

    .header {
    padding: 0;
    margin: 0px;
    }

    .menu {
    float: right;
    padding: 12px;
    background-image: url(images/achtergrondmenu.png);
    font-family: Verdana;
    font-style: oblique;
    }

    .menu a:hover {
    background-image: url(images/achtergrond.png);
    font-style: oblique;
    }

    .text {
    padding: 5%;
    }

    .maps {
    float: right;
    padding: 5%;
    overflow:hidden;
    }
    [/code:1:06392d9679]

    Alvast bedankt!
    Piet
  • a. Omdat het een brakke browser is.
    b. Omdat je een oude doctype hebt genomen.

    Probeer het eens zo:

    [code:1:fb98087373]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="NL" lang="NL">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="style.css">
    <title>Welkom bij Vaeders Hoefke</title>
    [/code:1:fb98087373]
  • Ik kan mijn vinger er niet echt opleggen, maar wat je zou kunnen proberen:
    verander bij .header, margin: 0px; in margin: 0;

    Geef ook een margin: 0; aan .menu

    Geef een CSS reset bovenin je stylesheet.
    Bijvoorbeeld
  • [quote:bccc480c24]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="NL" lang="NL">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="style.css">
    <title>Welkom bij Vaeders Hoefke</title> [/quote:bccc480c24]
    Bedankt voor de hele snelle reactie,
    Ik heb het zo geprobeerd, het probleem wordt nu vervangen door een ander probleem. De div container loopt niet meer door tot aan de onderkant van de pagina. Dat doet me er wel aan denken dat dit toch al niet helemaal jofel werkt, namelijk als ik zou moeten scrollen , dan gaat de container niet verder dan tot waar die kwam voordat je ging scrollen. Oftewel, er klopt iets niet met het deeltje in mijn container div height:100%;
    Alvast bedankt weer!
    Piet
  • Ik geef nooit een hoogte aan een main container. Die groeit meestal vanzelf mee. Mocht hij dat toch niet doen, dan helpt het altijd om er een overflow: hidden; aan toe te voegen.
  • [quote:85060b07f2="Gooly"]Ik geef nooit een hoogte aan een main container. Die groeit meestal vanzelf mee. Mocht hij dat toch niet doen, dan helpt het altijd om er een overflow: hidden; aan toe te voegen.[/quote:85060b07f2]
    De height uit het container element halen helpt niet, en de overflow: hidden; waar jij het over hebt, die staat er al in :S
    Nog andere ideeën?
    Bedankt weer!
    Piet
  • Een min-height in div class text zetten denk ik.
  • [quote:127a4bd109]Een min-height in div class text zetten denk ik.[/quote:127a4bd109]
    Bart als ik dit doe dan gebeurt er nog niets. Zo is de stylesheet:
    [code:1:127a4bd109]body {
    background-image: url(images/achtergrondmenuhover.png);
    text-align: center;
    font-family: Arial;
    font-size: 14pt;
    text-decoration: none;
    margin: 0px;
    }

    #container {
    text-align: left;
    width: 900px;
    margin: 0 auto;
    background-image: url('images/achtergrond.png');
    background-repeat: repeat;
    overflow: hidden;

    }

    #container:after{
    display:block;
    content:" ";
    clear:both;
    }

    .header {
    padding: 0;
    margin: 0px;
    }

    .menu {
    float: right;
    padding: 12px;
    background-image: url(images/achtergrondmenu.png);
    font-family: Verdana;
    font-style: oblique;
    }

    .menu a:hover {
    background-image: url(images/achtergrond.png);
    font-style: oblique;
    }

    .text {
    padding: 5%;
    min-height: 100%;
    }

    }[/code:1:127a4bd109]

    Ik word er behoorlijk moe van, heb je missschien nog een ander idee?
    Bedankt,
    Piet
  • Gewoon zo….
    [code:1:8cef2bb3c2]
    .text {
    padding: 5%;
    min-height: 450px;
    }
    [/code:1:8cef2bb3c2]
  • html,body{
    height:100%;
    }
    #container{
    min-height:100%;
    NIET: overflow:hidden;

    }
    Je .menu even clearfixen. (http://www.webtoolkit.info/css-clearfix.html)
  • Mike held :D Bedankt allemaal, het is opgelost
    Piet

Beantwoord deze vraag

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