Index.html pagina werkt niet in Internet Explorer

[Verwijderd]

Ik heb een klein probleem met de html code van een nieuwe site waar ik aan bezig ben.
De website is namelijk klaar en werkt perfect in chrome en firefox alleen IE doet weer lastig.
Ik heb 17 verschillende html pagina's gemaakt waarvan alle links werken behalve op de index.html pagina laat hij de de afbeeldingen niet zien en werken de links in de menubalk niet.
Heb werkelijk geen idee waar het fout gaan want heb het stukje code tig keren nagekeken maar het ziet er niet anders uit dan de 16 andere pagina's die wel werken. Hopelijk kan iemand me hierbij helpen.

Stukje code hieronder:

HTML:

    <!-- Header Starts -->
    <div class="header">
      <div class="logo">
        <a href="index.html"><img src="images/logo.gif" width="400" height="100" /></a>
      </div>
      <div class="header_nav">
        <ul id="nav">
          <li><a href="index.html">Home</a></li>
          <li><a href="overons.html">Over Ons</a></li>
          <li><a href="verzekeringen.html">Verzekeringen</a></li>
          <li><a href="downloads.html">Downloads</a></li>
          <li><a href="route.html">Route</a></li>
          <li><a href="links.html">Links</a></li>
          <li><a href="bedrijven.html">Bedrijven</a></li>
          <li class="last"><a href="contact.html">Contact</a></li>
        </ul>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="banner"><img src="images/bannerV3.gif" width="980" height="332" alt="banar" /></div>
    <!-- Header ends -->

[Raven]

Geeft IE geen foutmelding linksonderaan?

En zou je code-tags

code:

[code=html] html code [/]

om je code willen plaatsen? Maakt de code wat duidelijker met kleurtjes

[ Voor 5% gewijzigd door Raven op 12-11-2014 17:14 ]

[NLKornolio]

je sluit de header niet, toch ?

[ Voor 10% gewijzigd door NLKornolio op 12-11-2014 17:17 ]

[Verwijderd]

@caanova1984 header word gesloten boven de banner class

@Raven IE geeft linksonder helemaal niks aan, balk is leeg

[NLKornolio]

<div class="clear"></div>
</div>
<div class="clear"></div>

2 keer ?

[NMe]

Als de afbeeldingen en links allebei niet werken dan staan de andere pagina's vast allemaal in een andere map dan je index.html?

[Verwijderd]

@caanova1984 Dat zijn classes die ik ook in css heb aangemaakt. waarbij de stijl opmaak meteen goed staat als ik een stukje tekst of afbeeldingen daar wil hebben. kan hem ook weghalen maar daar ligt de fout volgens mij niet

edit: class clear weg gehaald zelfde resultaat alleen schuift mijn banner class op en dat is ook niet de bedoeling

[ Voor 20% gewijzigd door Verwijderd op 12-11-2014 17:24 . Reden: gecheckt ]

[Verwijderd]

@NMe nee staat allemaal in dezelfde map, werkt in chrome en firefox wel. heb alleen afbeeldingen een aparte map en downloads in een aparte map

[MartLeFunk]

Komt dit niet omdat je waarschijnlijk lokaal werkt en IE hier anders mee omgaat?

[Verwijderd]

@MartLeFunk
is er een manier om dit te testen? of moet ik hem al online zetten? Gaat namelijk om een verzekeringskantoor en website moet wel in orde zijn voordat hij online gaat

[NLKornolio]

Verwijderd schreef op woensdag 12 november 2014 @ 17:22:
@caanova1984 Dat zijn classes die ik ook in css heb aangemaakt. waarbij de stijl opmaak meteen goed staat als ik een stukje tekst of afbeeldingen daar wil hebben. kan hem ook weghalen maar daar ligt de fout volgens mij niet

Lol sorry ben noob in webdevelopment maar staar me ook altijd dood op de code.

Clear is toch juist dat je dat css stylen leeg gooit ? Sowieso lijkt het me niet twee keer achter elkaar te horen als je er css achter heb gezet...toch

Clear wordt voor floating gebruikt misschien dat dit fout gaat als jij er zelf css aan hebt gehangen.
http://stackoverflow.com/...oating-divs-in-a-containe

[Verwijderd]

@caanova1984 heb net die classes weggehaald en de css ook maar dan gooit die mijn hele site overhoop en is het probleem niet opgelost. net even in safari getest en daar werkt het ook.
is dus puur de index.html pagina in IE

[NLKornolio]

zou alleen die eerste weghalen aangezien die in een element header_nav staat

[Verwijderd]

@caanova 1984 getest en werkt ook niet

[Raznov]

wat roepen je classes aan in CSS, want je HTML lijkt geen probleem te geven?

[Verwijderd]

CSS code van het stukje

Cascading Stylesheet:

 
/* ------------------ HEADER HERE -------------------*/
.header {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    display: inline-block;
}
.logo {
    margin-top: 37px;
    margin-right: 0;
    margin-left: 55px;
    margin-bottom: 0;
    padding: 0;
    width: 250px;
    display: block;
}
.logo h1 {
    display: block;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #333333;
    font-weight: bold;
}
.logo h1 a {
    display: block;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #333333;
    font-weight: bold;
}
.logo h1 a:hover {
    text-decoration: none;
}
.logo span {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    font-style: italic;
    text-align: right;
}
/* ---------------------------------------------------------*/



/* ------------------------- NAVIGATION HERE ---------------*/
.header_nav {
    float: none;
    padding: 0;
    width: 1000px;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 40px;
    margin-bottom: 23px;
    display: inline-block;
}
.header_nav ul {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0;
}
.header_nav ul li {
    float: left;
    display: inline-block;
    margin: 0 55px 0 0;
}
.header_nav ul li a {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #333333;
    font-weight: normal;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}
.header_nav ul li a:hover {
    color: #004495;
    border-bottom: 1px solid #cccccc;
    text-decoration: none;
}
.banner {
    margin: 0px;
    padding: 0px;
}
.banner img {
    margin: 0px;
    padding: 10px;
    margin-left:0px;
}

[Raven]

offtopic:
Bij CSS kun je [code=css] gebruiken ;)[/]
edit:

[ Voor 16% gewijzigd door Raven op 12-11-2014 17:39 ]

[NLKornolio]

ok laatste, iets wat ik anders vindt de /> achter image source mag gewoon > zijn
ZIE HEM... .banner (.)img laatste lijn

oh je doet het zo overal lol

[ Voor 30% gewijzigd door NLKornolio op 12-11-2014 17:41 ]

[Verwijderd]

@caanova1984 haha toch bedankt maar ook dat was hem niet. helpt me wel bij de validator zie ik net

[NLKornolio]

wat was het ?

[Verwijderd]

@caanova1984 heb nog geen idee, denk dat het aan IE zelf ligt, ga na het eten eens verder kijken of hij op oudere versies wel werkt. aangezien de rest van de browsers het wel moeiteloos uitvoeren

[NLKornolio]

ja, ben me maar op me werk aanhet vervelen
Zie dat je de eerste image geen styl geeft.
Eetse

[Verwijderd]

thanks. ga vanavond nog eens even door

[Deef_K]

Zet even een extra / voor je images/logo.gif

[Raven]

Bij relatieve url's hoeft dat toch niet?

[Deef_K]

Niet geschoten is altijd mis maar ik zal sowieso toch als de website online zet de volledige url gebruiken.

[Jenovski]

Heb je zelf niet een website/server waar je m ff op kan gooien om te testen. (kunnen we gelijk mee kijken zeg maar)

[RobIII]

Jenovski schreef op woensdag 12 november 2014 @ 18:09:
Heb je zelf niet een website/server waar je m ff op kan gooien om te testen. (kunnen we gelijk mee kijken zeg maar)

Aksjeblieft niet zeg. Dan is die "tijdelijke site" in de lucht tot het probleem opgelost is en daarna foetsie (logisch) waardoor mensen die in de toekomst op dit topic stuiten geen drol meer hebben aan dit topic.

Plaats je relevante(!) code in dit topic en/of maak desnoods een testcase op jsfiddle.net^* (en ook daar geldt: beperk je tot een testcase waarin je het probleem reproduceert; dat kan in 99 v.d. 100 gevallen in < 100 regels code).

* En ook liever niet als wel; ook jsfiddle kan morgen besluiten ermee te kappen...

Verder mag 't slowchat-gehalte hier wel wat lager heren

[ Voor 11% gewijzigd door RobIII op 12-11-2014 18:23 ]

[Verwijderd]

Gister avond nog even gekeken wat het probleem was maar ligt aan IE op de computer waar ik de site op heb gemaakt.
Op 7 andere pc's getest en daar werkte hij wel op IE.
Denk dat het aan een niet geïnstalleerde update lag, ben hem nu opnieuw aan het installeren.
maar hij werkt in ieder geval!

Iedereen bedankt voor de reacties

[merauder]

Misschien een vreemde suggestie, maar weet je zeker dat compability-view uitstond. Zo ben ik in een grijs verleden een hele avond aan het debuggen geweest. Gevolg was wel dat ik een moderne site afleverde die perfect onder IE6 draaide

[Verwijderd]

@merauder ja staat uit. was ook puur de index.html pagina, maar is gelukkig opgelost