Ondersteuning » Algemeen WordPress » Header verdwijnt half

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • eef,
    er zitten nogal wat html fouten in je site.
    kijk eens op http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bijlobith.nl%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 om te zien welke dat zijn.
    de body tag staat bijvoorbeeld pas halverwege je header. Dat is vragen om problemen.

    Thread starter eefmeijerink

    (@eefmeijerink)

    Dankje macbrink, Ik constateer inderdaad de fouten maar zie niet direct waar en wat ik nu precies moet veranderen. M.n. dat van die body tag. Ik ben bezig in de style.css maar zie daar direct wat er moet gebeuren. overigens heb ik het idee dat veel van de geconstateerde fouten door de ontwerper zijn gemaakt.

    De body tag fout is inderdaad door de ontwerper gemaakt. De fout zit in header.php.
    bewerk header.php en verplaats de tag <body> tot precies na de tag </head>
    Er zitten ook fouten in de textwidgets. Daar begint weer een <html> element en dat kan niet. Je kan in een textwidget niet een gehele pagina opslaan. Beperk je tot de tekst die tussen <body></body> staat (zonder de tags).
    Let er ook op dat je theme 2 (twee) stylesheets gebruikt. Een algemene (style.css) en een voor Internet explorer IE6.css. Je zal dus twee bestanden moeten wijzigen…

    Thread starter eefmeijerink

    (@eefmeijerink)

    Dank, ik zal er weer eens voor gaan zitten voor mij is de eerste keer dat ik werk met css maar er is veel over te vinden op het net en al puzzelend probeer ik het in de vingers te krijgen. Heb je misschien nog goed tips (internetsite, boek, tools, oid) voor een beginnend css’er die ook van html nog niet alles begrijpt.

    Thread starter eefmeijerink

    (@eefmeijerink)

    Dank, voor de tip ik kende deze nog niet.

    De body tag is verplaatst en zorgt voor een goede plaatsing van het logo op de site (IE & FF) maar op FF is het logo nog steeds half afgesneden

    tipjes voor element #header:

    1. verwijder bottom:20px;
    2. verwijder position:static;
    3. verwijder clip:rect(auto, auto, auto, auto);
    4. voeg toe: min-height:160px;
    5. wijzig naar: background-position:center center;

    dan nog een keer kijken 😉

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Header verdwijnt half’ is gesloten voor nieuwe reacties.