Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[HTML] Content in IE7 verkeerd weergegeven

Pagina: 1
Acties:

  • disweb
  • Registratie: Juli 2007
  • Laatst online: 06-08 14:38
Dag allemaal,

Ik ben bezig met een nieuwe website voor mijn moeder, ik maak gebruik van Joomla met een template. Deze is wat aangepast en alles werkt perfect. Totdat ik de pagina eens in IE7 bekeek, het ziet er daar heel raar uit en ik krijg het maar niet goed.

Bekijk deze pagina eens: http://pcopmaat.info/yolo/lessen.html in Firefox. Daar worden onder de tekst een boel plaatjes vertoont, zo moet het er uit zien. Als je dezelfde pagina in IE bekijkt wordt heel de template uit elkaar getrokken en klopt er niets van...

Ik heb voor de tekst een tabel gemaakt met 2 kolommen (zodat het makkelijk naast elkaar komt). Nadat de tabel is gesloten een enter en dan de plaatjes.

Weet iemand hoe ik dit kan oplossen? :)

Hieronder de code die ik heb gebruikt:
<table width="100%" border="0" align="left" valign="top">
<tr>
<td valign="top" width="50%">
Je krijgt wekelijks les op de djembé in groepen van minimaal 6 personen. Beginners komen bij elkaar in een groep en er is veel aandacht voor de techniek die door middel van eenvoudige ritmes wordt aangeleerd. Het niveau van de groep stijgt en automatisch worden de ritmes ingewikkelder. Gevorderde en vergevorderde spelers kunnen instromen in bestaande lesgroepen op niveau. Er wordt wekelijks ruimte gemaakt om te soleren. De ritmes die we spelen variëren van traditioneel West- Afrikaans tot zelfgeschreven nummers.
<br /><br />

We spelen veelal op djembé’s en maken ook gebruik van doundoun sets en verschillende kleine percussiematerialen zoals krinn, woodblock, maraca, shekere en koebel.
<br /><br />
Om de 2 jaar wordt er een groots cursistenfeest georganiseerd waarbij alle lesgroepen zich presenteren met een optreden en er ook nog flink geswingd wordt.
<br /><br />
De lessen worden gegeven in Eindhoven op dinsdagavond in buurthuis Oes Hoes en op donderdagavond in buurthuis De Ronde.
<br />
Wil je graag een les bijwonen neem dan even contact op met Yolanda.
<br /><br />
<center><br />
<img src="img/lessen/lessen4.jpg" width="400" alt="Djembe les in Eindhoven"/>
</center>
<blockquote><p>"Al enkele jaren bleef een wens in mij broeden: djembé lessen volgen. Nu ben ik er dan eindelijk mee begonnen en ik vind het heerlijk en onbeschrijflijk. Nu ben ik ervan overtuigd dat het erg veel uitmaakt hoe een cursus gegeven wordt, maar zoals Yolanda dat neerzet is in een woord GEWELDIG: samen spelen, al best snel een aantal verschillende ritmes die leuke combinaties vormen en waardoor je veel aspecten aanspreekt, en toch heel individueel en persoonlijk."</p></blockquote>
</td>


<td valign="top" width="50%">
<center>
<img src="img/lessen/lessen1.jpg" width="400" alt="Percussie lessen in Eindhoven"/>
</center>
<blockquote><p>"Ik vind dat Yolanda op een hele leuke en goede manier les geeft waarbij je heel snel leert maar ook leert om op je gevoel te spelen en dat vind ik zelf het belangrijkst want dan pas leer je echt spelen. En het leren soleren vind ik helemaal te gek! Dus kortom ik ben super enthousiast en vind het helemaal tof!"</p></blockquote>

<blockquote><p>"Yolanda weet de les zo op te bouwen dat wij met weinig middelen en vaardigheden erg gevarieerd en speels een ritme uitbouwen."</p></blockquote>
<br />
<center>
<img src="img/lessen/lessen3.jpg" alt="Percussie lessen in Eindhoven"/>
</center>
</td>
</tr>
</table>
<br />
<center><h4>Impressie van het cursisten feest</h4></center>

<center><img src="img/yolanda/yolanda24.jpg" width="800" alt="Een groots optreden op het cursisten feest"></center><br />
<img src="img/yolanda/yolanda10.jpg" width="400" align="left" alt="Feest">
<img src="img/yolanda/yolanda9.jpg" width="400" align="right" alt="Djembe les"><br /><br />
<img src="img/yolanda/yolanda18.jpg" width="400" align="left" vspace="7" alt="Djembe les in Eindhoven"><br /><br />
<img src="img/yolanda/yolanda12.jpg" width="400" align="right" vspace="7" alt="Bedrijfsuitje met samenwerking"><br /><br />
<img src="img/yolanda/yolanda7.jpg" width="400" vspace="7" align="left" alt="Percussie lessen voor iedereen">
<img src="img/instrumenten/instrumenten13.jpg" width="400" align="right" vspace="7" alt="Entertainment">
<img src="img/yolanda/yolanda15.jpg" width="400" align="left" vspace="7" alt="Slagwerk">
En hieronder het huidige probeersel (wat ook niet werkt)
<table width="820px" border="1" align="left" valign="top">
<tr>
<td valign="top" width="410px">
Je krijgt wekelijks les op de djembé in groepen van minimaal 6 personen. Beginners komen bij elkaar in een groep en er is veel aandacht voor de techniek die door middel van eenvoudige ritmes wordt aangeleerd. Het niveau van de groep stijgt en automatisch worden de ritmes ingewikkelder. Gevorderde en vergevorderde spelers kunnen instromen in bestaande lesgroepen op niveau. Er wordt wekelijks ruimte gemaakt om te soleren. De ritmes die we spelen variëren van traditioneel West- Afrikaans tot zelfgeschreven nummers.
<br /><br />

We spelen veelal op djembé’s en maken ook gebruik van doundoun sets en verschillende kleine percussiematerialen zoals krinn, woodblock, maraca, shekere en koebel.
<br /><br />
Om de 2 jaar wordt er een groots cursistenfeest georganiseerd waarbij alle lesgroepen zich presenteren met een optreden en er ook nog flink geswingd wordt.
<br /><br />
De lessen worden gegeven in Eindhoven op dinsdagavond in buurthuis Oes Hoes en op donderdagavond in buurthuis De Ronde.
<br />
Wil je graag een les bijwonen neem dan even contact op met Yolanda.
<br /><br />
<center><br />
<img src="img/lessen/lessen4.jpg" width="400" alt="Djembe les in Eindhoven"/>
</center>
<blockquote><p>"Al enkele jaren bleef een wens in mij broeden: djembé lessen volgen. Nu ben ik er dan eindelijk mee begonnen en ik vind het heerlijk en onbeschrijflijk. Nu ben ik ervan overtuigd dat het erg veel uitmaakt hoe een cursus gegeven wordt, maar zoals Yolanda dat neerzet is in een woord GEWELDIG: samen spelen, al best snel een aantal verschillende ritmes die leuke combinaties vormen en waardoor je veel aspecten aanspreekt, en toch heel individueel en persoonlijk."</p></blockquote>
</td>


<td valign="top" width="410px">
<center>
<img src="img/lessen/lessen1.jpg" width="400" alt="Percussie lessen in Eindhoven"/>
</center>
<blockquote><p>"Ik vind dat Yolanda op een hele leuke en goede manier les geeft waarbij je heel snel leert maar ook leert om op je gevoel te spelen en dat vind ik zelf het belangrijkst want dan pas leer je echt spelen. En het leren soleren vind ik helemaal te gek! Dus kortom ik ben super enthousiast en vind het helemaal tof!"</p></blockquote>

<blockquote><p>"Yolanda weet de les zo op te bouwen dat wij met weinig middelen en vaardigheden erg gevarieerd en speels een ritme uitbouwen."</p></blockquote>
<br />
<center>
<img src="img/lessen/lessen3.jpg" alt="Percussie lessen in Eindhoven"/>
</center>
</td>
</tr>


<tr>
<td colspan="2" width="820px">
<br />
<center><font size="4" color="#FFFFFF">Impressie van het cursisten feest</font></center>
<br /><br />

<center><img src="img/yolanda/yolanda24.jpg" width="800" alt="Een groots optreden op het cursisten feest"></center><br />
<img src="img/yolanda/yolanda10.jpg" width="400" align="left" alt="Feest">
<img src="img/yolanda/yolanda9.jpg" width="400" align="right" alt="Djembe les"><br /><br />
<img src="img/yolanda/yolanda18.jpg" width="400" align="left" vspace="7" alt="Djembe les in Eindhoven"><br /><br />
<img src="img/yolanda/yolanda12.jpg" width="400" align="right" vspace="7" alt="Bedrijfsuitje met samenwerking"><br /><br />
<img src="img/yolanda/yolanda7.jpg" width="400" vspace="7" align="left" alt="Percussie lessen voor iedereen">
<img src="img/instrumenten/instrumenten13.jpg" width="400" align="right" vspace="7" alt="Entertainment">
<img src="img/yolanda/yolanda15.jpg" width="400" align="left" vspace="7" alt="Slagwerk">
</td>
</tr>
</table>

  • DEiE
  • Registratie: November 2006
  • Laatst online: 30-10 09:26
Volgens mij gaat het fout bij de afbeeldingen. Als er 2 afbeeldingen naast elkaar moeten staan, zet dan na de tweede een <br /> tag. Als er 1 per regel moet staan, zet dan na die afbeelding een <br /> tag. Hopelijk lost dit je probleem op.

  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 24-09 20:59
Het is handiger om alleen het relevante deel van je code te posten, dit gaat toch niemand doornemen. Je kan het ook beter tussen code(=html) blokken zetten i.p.v. in een quote blok. Zorg er ook voor dat je je website valideert. Dan vallen mij al gelijk een aantal foutmeldingen op, waaronder bijvoorbeeld:
Error Line 192, Column 16: end tag for element "td" which is not open.
Dit heeft waarschijnlijk alles te maken met de verkeerde weergave.

[ Voor 7% gewijzigd door Borizz op 17-08-2008 14:39 ]

If I can't fix it, it ain't broken.


  • disweb
  • Registratie: Juli 2007
  • Laatst online: 06-08 14:38
Ben de hele dag bezig geweest en het is gelukt :)

Ik heb de pagina uit elkaar gestript en stuk voor stuk weer bij elkaar gevoegd. Bij de plaatjes onderaan ging het idd fout. Nu was de oplossing om daarvoor ook gewoon nieuwe <tr> en <td> tags te plaatsen.

Toch bedankt voor jullie hulp! :)

  • _Thanatos_
  • Registratie: Januari 2001
  • Laatst online: 05-09 14:39

_Thanatos_

Ja, en kaal

Als je die <td>, <tr> en <table> tags nou weggelaten had en gewoon netjes <p> enzo had gebruikt, was het gelijk een stuk makkelijker. CSS is nml helemaal niet eng ofzo ;)

[ Voor 12% gewijzigd door _Thanatos_ op 17-08-2008 23:12 ]

日本!🎌


  • disweb
  • Registratie: Juli 2007
  • Laatst online: 06-08 14:38
_Thanatos_ schreef op zondag 17 augustus 2008 @ 23:11:
Als je die <td>, <tr> en <table> tags nou weggelaten had en gewoon netjes <p> enzo had gebruikt, was het gelijk een stuk makkelijker. CSS is nml helemaal niet eng ofzo ;)
Ok daar zal ik de volgende keren eens naar kijken. Ik moest ook wat andere problemen fixen en css heb ik wel gebruikt voor andere sites. Maar dit probleem wist ik niet anders op te lossen :)
Pagina: 1