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)

[CSS] IE verpest lay-out

boelieboelie
3 antwoorden
  • beste mensen,

    ik heb een site gemaakt voor een vriend van mij. deze lay-out is het zelfde als de phpbb template "solaris" ivm. met dezelfde lay-out voor site en forum. nu het probleem:

    als ik de site in Opera of Mozilla Firefox bekijk zie ik de lay-out helemaal goed. maar als ik de site in IE bekijk dan word de middelste kolom naar beneden geschoven tot onder aan de andere 2 kolommen.

    nu mijn vraag, hoe kan ik dit oplossen?

    ik ben er achter dat het om deze css code gaat:
    [code:1:a4165541bb]#header{
    width:750px;
    height:150px;
    background-image: url(i/bg_top_planet.jpg);
    margin-left: 100px;
    margin-right: 100px;
    }[/code:1:a4165541bb]

    voor de mensen die online willen kijken zie hier http://f4.scifispace.net/
  • Weet niet of het dé oplossing is, maar wat ik zelf zou proberen:
    1. header bovenin de source plaatsen;
    2. een wrap om de kolommen plaatsen;
    3. de headerbackground in tweeën knippen, totdat het bovenstuk van de afbeelding de bovenkant van de hoogste kolommen raakt;
    4. het bovenstuk van de headerbackground gewoon bij de header laten;
    5. het onderstuk de background maken van de nieuwe wrap;
    6. de rest positioneren zoals reeds het geval is;
    7. display:inline op de floats (IE hack);
    8. evt. een clear:both na de kolommen (clearen kan ook anders en is niet per se nodig).
  • Bedankt voor je antwoord,
    deze [quote:53dbbaa384]1. header bovenin de source plaatsen; [/quote:53dbbaa384] werkte :), van een paar wist ik niet precies wat je bedoelde. maar het is gelukt, hastike bedankt :). maaar wat ik dus echt gek vind wat die code plaatsing nou uitmaakt. opera en FF hebben er geen problemen mee, ik heb zelf geen Netscape dus daar heb ik het niet in kunnen testen

Beantwoord deze vraag

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