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)

HTML/CSS Website werkt raar in IE?

Torrentus
5 antwoorden
  • Ik snap niet wat hier misgaat?
    Kan iemand me helpen?

    [code:1:d14fd39b72]
    <html>
    <head>
    <title>RemcoWebsites V 4.0</title>
    <style type="text/css" media="screen">
    <!–
    /* body und schrift deffinitionen */
    html {
    padding:0px;
    margin:0px;
    }
    body {
    background-color: #333333;
    font-size: 12px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    text-align:center;
    margin:0px;
    padding:0px;
    }
    p,pre, h1 {
    margin:0px 10px 10px 10px;
    }
    h1 {
    font-size:14px;
    padding-top:10px;
    text-transform:uppercase;
    color: #564b47;
    background-color: transparent;
    }
    a {
    color: #ff66cc;
    font-size: 11px;
    background-color:transparent;
    text-decoration: none;
    }
    pre {
    background-image:url(Black%20Stripe.jpg);
    color: #564b47;
    font-size: 11px;
    background-color:transparent;
    font-family: Courier, Monaco, Monospace;
    }
    /* positioning-layers statisch und absolut */
    #box {
    width:750px;
    margin: 0px auto;
    padding:0px;
    text-align:left;
    }
    #left {
    width:175px;
    padding:0px;
    float:left;
    background-color:#ff6600;
    }
    #content {
    width:400px;
    padding:0px;
    float:left;
    background-color:#fff;
    overflow: auto;
    }
    #right {
    width:175px;
    padding:0px;
    float:left;
    background-color:#ff6600;
    }
    #head {
    background-color:transparent;

    }
    #head h1 {
    font-size: 11px;
    text-transform:uppercase;
    text-align: right;
    color: #564b47;
    background-color: #90897a;
    padding:5px 15px;
    margin:0px
    }
    #head p {
    padding:10px;
    margin:0px;
    }
    .style1 {
    font-size: 10px;
    font-style: italic;
    }
    .style2 {
    font-size: 9px
    }
    .style3 {color: #000000}
    .style4 {color: #FFFFFF}
    –>
    </style>
    </head>
    <body>
    <div id="box">
    <div id="head">
    <div align="center">
    <p><img src="633461704322500000.jpg" width="652" height="154"></p>
    </div>
    </div>
    <div id="left">
    <h1 class="style3">MENU</h1>
    <p class="style3">- Home/Inleiding</p>
    <p class="style3"> - Prijzen</p>
    <p class="style3">- Voorbeelden</p>
    <p class="style3">- Contact</p>
    <p class="style3">- Klanten-Login</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>

    </div>
    <div id="content">
    <h3> <span class="style4">_</span>Wat we doen.</h3>
    <p>Welkom bij Remco Websites, </p>
    <p>Ik ben iemand die websites maakt als hobby. U kunt voor een klein bedrag een website krijgen, en als u het wilt, kan ik alles daaromheen voor u regelen. U krijgt dan een eigen domein (bijv. www.janjansen.nl o.i.d) en ik bouw daar een website voor u op. Alle tekst en foto's van u kunnen geplaatst worden. Alles wordt met u besproken en u bepaalt hoe het eruit komt te zien.</p>
    <h3><span class="style4">_</span>Werkprincipe</h3>
    <p>Meestal bespreek ik eerst met de klant wat hij/zij wil. Daarna ga ik een voorbeeld uitwerken. Als de klant het eens is met het voorbeeld maak ik de website. Indien de klant toch nog dingen wil veranderen, dan doen we dat gewoon. Het resultaat is een zeer persoonlijke website, afgestemd op de koper. </p>
    <h3><span class="style4">_</span>Mogelijkheden</h3>
    <p>Er is veel mogelijk. Ik heb veel kennis van HTML/CSS, maar kan ook overweg met Flash, RSS en andere extra's. Neem contact op voor meer informatie!</p>
    <p>&nbsp;</p>
    <p class="style2">© Copyright 2007/2008 - Remco<em>Websites</em> - Alle rechten zijn voorbehouden</p>
    </div>

    <div id="right">
    <h1 class="style3">Uitleg Menu:</h1>
    <p class="style3">Home/Inleiding<br>
    <span class="style1">Hier kunt u alles lezen over hoe ik werk, en wat mijn instellingen zijn.</span></p>
    <p class="style3"> Prijzen<br>
    <span class="style1">Hier vindt u de prijzen van mijn diensten.</span></p>
    <p class="style3">Voorbeelden<br>
    <span class="style1">Bekijk hier een paar van mijn eerder gemaakte websites.</span></p>
    <p class="style3">Contact<br>
    <span class="style1">Geinterreseerd? Op deze pagina kunt u contact met mij opnemen via email.</span></p>
    <p class="style3">Klanten-Login<br>
    <span class="style1">Bent u al klant van mij? Hier kunt u inloggen om o.a. de status van uw bestelling te vinden.</span></p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    <p class="style3">&nbsp;</p>
    </div>
    <br clear="all" />
    </div>
    </body>
    </html>
    [/code:1:d14fd39b72]

    Voorbeeld: www.remcowebsites.nl/4/index.html
    In firefox doet hij het prima, maar in IE ziet het er raar uit.
    Iemand een oplossing


    Alvast bedankt!
  • Legio dingen waardoor het er in IE anders uit kan zien dan in andere browsers. Maar heb je een hint [b:99639165c2]wat[/b:99639165c2] er anders uit ziet? Ik kan natuurlijk de hele code in een html document gaan zetten om te kijken waar de schoen wringt, maar als je aangeeft wat er fout gaat weet ik waar ik moet zoeken zonder al die moeite.
    [edit]
    Duits commentaar op een nederlandse pagina…
    Ik neem aan dat je die code niet zelf hebt geschreven?
    [/edit]
  • Toch maar even gekeken.
    Je rechterkolom is in IE breder dan in andere browsers. Daarom past deze er rechts niet meer naast en wordt op de volgende regel gezet. Dit heeft te maken met de box-model issue van IE. Sinds kort weet ik dat dit op te lossen is door een juist doctype te gebruiken. Ik zie dat je op je site helemaal geen doctype gebruikt, dus waarschijnlijk is het probleem daarmee verholpen.

    Verder heb je nogal wat overbodige CSS code, maar ik weet niet of je daar in de toekomst nog wat mee gaat doen.
  • Sorry voor de gebrekkige informatie,
    Maar zoals Gooly dus al zij wordt in IE de meest rechtse kolom onder de andere 2 gezet.. Terwijl het de bedoeling is dat deze ernaast blijft staan..

    Kan je me misschien vertellen hoe dat doctype werkt?

    (Sorry.. Niet veel ervaring mee.)

    Torrentus

    P.s. Ik heb de CSS van mycelly.com, vandaar dat er duitse code tussen staat.
  • Met DOCTYPE geef je aan wat voor "taal" je spreekt. Bv. HTML 4.01 of XHTML 1.0. en de variant Transitional of Strict (de variant Frameset noem ik liever niet, want ik haat frames).
    Hier staat een uitleg

Beantwoord deze vraag

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