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)

Klein CSS probleem IE/FF mbt top-margin

Anoniem
rrijkers
2 antwoorden
  • Hallo,

    ik heb een probleempje met de top-margin in firefox bij het maken van mijn site met behulp van CSS.

    Ik heb het idee dat het komt door de margin in het Java menu, maar ik krijg allerlei rare dingen wanneer ik aan dat menu ga prutsen.

    Hier is de link naar mijn site, zouden jullie er eens naar willen kijken? Ook weet ik niet hoe ik het gele vlak automatisch zeg maar 20 px langer kan krijgen dan het grote witte content vlak

    Bij voorbaat dank,

    Mvg,

    Roman

    http://www.gmt-design.nl/lynx/MPP/
  • Kun je het probleem omschrijven?

    Enkele tips:[list:2055b6ba59][*:2055b6ba59]Ik zou al die inline styles weghalen en het in een extern stylesheet plaatsen;
    [*:2055b6ba59]Ik zou in FF zorgen dat het er goed uitziet, want FF gaat strenger met de regels om dan IE. Als je je aan strengere regels houdt, heb je meer kans dat het eindresultaat klopt;
    [*:2055b6ba59]Het gele vlak wordt langer als het witte vlak zich in hetzelfde vlak (qua diepte) bevindt als het gele vlak, en het witte vlak daarbij een margin-bottom mee wordt gegeven. Gebruik van z-index is in verreweg de meeste gevallen niet nodig, probeer het eens zonder;
    [*:2055b6ba59]Ik zou óveral position:absolute, z-indexen en margins weghalen en dan de layout voor elkaar krijgen met floats (evt. de volgorde van je contentblokjes veranderen voor betere resultaten);
    [*:2055b6ba59]Door de header-image als background te zetten van (een nieuwe) #header (die zich bevindt binnen #container), die #header een hoogte (alleen een hoogte!) mee te geven en het menu daar vervolgens in te plaatsen, bijv. met position:relative en wat margins, kun je het probleem met je header-image oplossen;
    [*:2055b6ba59]Verder heb ik een conditional comment gebruikt omdat bij de oplossing die ik hierboven geef, IE een dubbele linkse margin aan #content geeft. Door een conditional comment te gebruiken, kun je aan IE een andere margin meegeven dan voor andere browsers;
    [*:2055b6ba59]Je menu is nogal een lap code, wellicht is het een idee om het Listutorial te lezen en iets over CSS menuutjes. Overigens is jouw menu een java[b:2055b6ba59]script[/b:2055b6ba59]menu.
    [/list:u:2055b6ba59]

Beantwoord deze vraag

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