Website opent niet goed in IE6 en IE7

Status
Niet open voor verdere reacties.
B

Bartuls

Terugkerende gebruiker
Lid geworden
2 mei 2001
Berichten
3.662
Ik heb een probleempje dat ik net helemaal begrijp.
Als ik mijn website www.artam.eu open, dan wordt deze niet geheel correct weergegeven in IE6 en in IE7 (de breedte klopt niet, de pagina is niet geheel in beeld). Klik vervolgens op een foto en ga terug naar de vorige pagina met de terug knop van de browser en de pagina wordt wel goed getoond.

In firefox gaat het wel goed. Ook als ik de website vanaf een lokale directory open dan gaat het goed in IE6 en in IE7.

Het betreft een site met simpele HTML en een simpel style sheet.

Iemand enig idee waar dit aan kan liggen?
 
beste,

als linux-user heb ik helaas geen internet explorer staan, maar ik zie wel waaraan het probleem ligt: de tabellen.
u gebruikt lege table attributen. Dat wil zeggen, er zitten geen schakelopties in.
Probeer eens (en ik zeg het u, het is veel werk) alle tabellen, kolommen en rijen een vaste breedte en hoogte te geven. Als u dan het browservenster probeert te vergroten en te verkleinen, blijven de tabellen mooi staan.
voorbeeld:
HTML: 
...
<table border="0" width="99" height="99" cellpadding="3" cellspacing="3"><tr>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td></tr><tr>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td></tr><tr>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td>
<td width="33" height="33"><IMG></td></tr>
</table>

hiermee heeft u een kubus met 3 rijen en 3 kolommen gemaakt. Hiermee zou het moeten lukken...

succes,
arno
 
Helaas, dit helpt niet.
Ik heb het stylesheet als volgt:
Code: 
  body { background-color: rgb(0, 0, 0);
    font-family: Times New Roman,Times,serif;
    color: rgb(255, 255, 255);
    }

  a:link { color: rgb(255, 255, 255);
    }

  a:visited { color: rgb(255, 0, 255);
    }

  a:active { color: rgb(255, 255, 255);
    }

  table { width: 75%;
    height: 100%;
    text-align: left;
	padding: 3;
	border-collapse: collapse; 
	border: 0;
    }

  table.incells { width: 100%;
    height: 100%;
    text-align: left;
	padding: 3;
	border-collapse: collapse; 
	border: 0;
    }

  td { height: 33%;
    width: 33%;
    text-align: left;
    font-family: Times New Roman;
    font-size: 20px;
    color: rgb(255, 255, 255);
    }

  td.centred { height: 33%;
    width: 33%;
    font-family: Times New Roman;
    font-size: 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    }

  #images { border: 0px ridge rgb(0, 0, 0);
    padding: 0px;
    background-color: rgb(0, 0, 0);
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: 100%;
    }

Hier staan de schakelopties in.
De HTML van de index pagina bevat geen schakelopties.
Als ik de schakelopties wijzig in de stylesheet, dan heeft dit wel invloed op de site, de koppeling tussen de HTML en het stylesheet werkt dus wel.

Alleen blijft het vreemde gedrag dat als je de site opent dat hij niet goed weergegeven wordt in IE en wel goed weergegeven wordt in Firefox.

In IE kun je klikken op een van de foto's, die wordt dan op een nieuwe pagina getoond.
Als je dan op de terugknop klikt dan wordt de pagina wel goed getoond.

Iemand nog een tip?
 
Ik heb de site door de checker heen gehaald.
Inderdaad, een paar foutjes.
Die heb ik gecorrigeerd, maar nog steeds geen success.
Als ik de site open in IE6 of IE7 dan wordt hij niet goed getoond.
Een keer op een foto klikken en dan terug toont de pagina wel goed.
Ook de explorer resizen (breder maken, smaller maken) doet de pagina naar de goede weergave springen.
Maximaliseren en verkleinen (het middelste knoppie rechtsboven aan in de explorer) maakt het ook goed.
Minimaliseren (naar de taakbalk brengen) doet het trucje niet.
Waar kan dat toch aan liggen?
 
Laatst bewerkt:
Vervang de kop eens door:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html >

en test dit eens:
je hebt nu
<link href="WienbeltStyles.css" etc
haal de link naar de css eruit door een x-je te plaatsen
<link href="xWienbeltStyles.css" etc

en kijk wat er dan gebeurt.
Ben bang dat het gebruik van % in je style problemen geeft.

:cool:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html >
De vervorming van de pagina is nog groter geworden, wederom klikken op een foto, terug en het is goed.
Ook zorgde deze toevoeging ervoor dat de fototjes niet meer geschaald werden (ze zijn niet allemaal even groot).
Dat opschalen tot de volledige cel grootte wil ik graag wel doen.

<link href="xWienbeltStyles.css"
Zorgde er uiteraard voor dat alle opmaak verdween.
Wel kwam alles meteen op 1 pagina terecht, maar niet in de opmaak die ik wil.

Overigens lijken de % tekens wel toegestaan te zijn: http://www.w3schools.com/CSS/pr_dim_width.asp
Ook de stylesheet valideert overigens foutloos op http://jigsaw.w3.org/css-validator/. Er zijn wel een paar warnings, maar die vormen volgens mij niet het probleem.

Nog suggesties hoe dit op te lossen?
 
Vervang:
<img alt="Helaas, de foto kan niet weergegeven worden." stc
door
<img alt="Helaas" etc

:cool:
 
@serge50
Ik leeg de cache regelmatig, dat heeft geen invloed.
Ook bekijk ik de site op verschillende computers (voor en achter firewalls en proxyservers).
Dit alles maakt geen verschil.

@peter vazed
Ontzettend bedankt voor de moeite.
Als ik de style definities opneem in het index.html document dan gaat het goed.
Stop ik ze in een apart stylesheet, wat mijn voorkeur is omdat er nog meer pagina's komen) dan gaat het nog steeds mis in IE7.
Firefox gaat goed, IE6 gaat met de huidige combinatie op www.artam.eu ook goed.
IE7 schommelt nog steeds bij het drukken op F5.

Behalve het feit dat het ongelooflijk irritant is, ben ik eigenlijk ook gewoon ontzettend nieuwsgierig waar het door veroorzaakt wordt....
 
In IE7 hier nu na F5 geen problemen.

Je fout zit in de percentages.
Je bouwt een tabel op.
Welnu, op zich geen probleem,
doch in de cellen moet iets komen.
Normaalgesproken tekst.
Nu echter plaatjes.
Maar die plaatjes vullen gewoon de cel.
Doordat je geen vaste waardes aangeeft kan IE geen ruimte reserveren voor de cellen.
Vermits je geen width aangeeft, doch %.
Dus bij de eerste cel moet het plaatje opgehaald worden, ondertussen moet de style zijn werk doen (met %)
en dat gaat niet tegelijkertijd en zoals je wenst.

Vandaar het verspringen van de plaatjes in IE.
Je kunt het ook zien, omdat de tn klein zijn, doch door de % worden ze groter weergegeven, omdat op dat moment IE7 deze ruimte heeft toegekend.

Dus:
Maak aan de hand van de afmetingen van de tn, welke ik aanneem altijd eenzelfde width en height zullen hebben, een nieuwe opzet.
En als je de breedte van het totaal weet, dan zou ik deze waarde ook vast zetten, en de tabel gecentreerd weergeven.

:cool:
 
Bedankt voor de uitleg.
Het komt op mij over alsof Microsoft weer eens niet de standaarden volgt, maar er een eigen uitleg aan geeft.
Lang leve de goeroes uit Redmond......

Ben aan het veranderen geslagen.
Alle thumbnails de grootte gegeven van de cel waarin ze terechtkomen.

Firefox laat de boel precies zien zoals ik het wil hebben.
Maar nog steeds laat IE het niet helemaal naar me zin zien.
De images vullen nog steeds niet de cellen in de tabellen, terwijl dat wel de bedoeling is.
Nog een tip hoe dit probleem op te lossen?
 
Ben bang dat dit toch de oorzaak is:
img alt="Helaas, de foto kan niet weergegeven worden."

Als ik je code in mijn editor open en preview doe, zie ik de plaatjes uiteraard niet,
doch het scherm is te smal om de rechter cel te zien.
Weergave is dus
8 x deze tekst: Helaas, de foto kan niet weergegeven worden

Slechts éénmaal in IE zag ik de verkeerde verschoven weergave.
Gebruik van F5 toont het nadien wel goed.

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan