(Opgelost) Gallery AE sjabloon en IE7

[Silvie]

Hallo Jos en anderen.

Ik ben al een poosje aan het stoeien met de nieuwe AE sjaboon.
ik kwam er nl. achter dat dit in IE 8 en firefox prima werkt maar niet in IE7.
Hier maakt de AE sjabloon de webpagina veel te breed.
Ik dacht eerst dat ik de zinnen te lang had, dat was niet zo.
Je ziet de pagina eerst een fractie van een seconde goed, en daarna wordt hij heel breed zodat
de hele site uit elkaar getrokken wordt en je moet scrollen in de breedte.

Wat is hier aan te doen? Het betreft mijn eigen site waar ik eerst altijd alles uitprobeer voor ik het
gebruik bij anderen.

Groeten Silvie

[Jos]

Ik kan me herinneren dat ik het ooit met IE7 bekeken heb, maar geen problemen ontdekt. Hooguit dat de knopjes voor het starten/stoppen van de slideshow niet netjes rechts staan.

Gebruik je het standaard NCleanblue template? Of heb je een eigen paginasjabloon/css. Het kan namelijk makkelijk dat je eigen css van invloed is op de css van Gallery-sjablonen...

[Silvie]

Ik gebruik een eigen sjabloon.
Dus moet ik daar eens in gaan stoeien.

[Silvie]

Jos er is nauweijks een ccs. Het is een op tabellen gebaseerd sjabloon.
Ik weet: niet optimaal, maar toen zo gemaakt.
Bij alle andere webpagina's gaat het wel goed. Ook bij het fancyboxbloon van gallery, want die staat
op een andere pagina.

[Rolf]

Silvie,

Heb je een link?
Is de site W3c valid?

Grt. Rolf

[Silvie]

Nee Rolf niet valid.

Ik geef je de link per pm, anders ga ik reclame maken.
Dat mag vast niet.

[Rolf]

Nee Rolf niet valid.

Uhh nee, inderdaad niet 
Zou je hier in ieder geval mee kunnen beginnen... Er gaat toch duidelijk iets fout en denk op dit moment nog niet dat dit aan Gallery ligt:

-
-
- Bij afbeelding alt="..." gebruiken
- ...

Wellicht kan ik dan wat meer zeggen.

Rolf 

[TD__]

Ik zag laatst iemand die had lopen knooien die had d.m.v. metadata tekst in z'n pagina had gekregen en met allerlei andere dingen die daar niet voor bedoeld waren. Het geheel was een paar honderd errors waard. :S

[Silvie]

Ik ben begonnen de hele site te herschrijven, en dan zonder tables.
Valt me nog niet mee.

[Jos]

Hallo Silvie...

Ook met tables moet een site valid te krijgen zijn hoor, daar hoef je alles niet voor om te bouwen (zonde van het werk, ziet niemand)

Wil je mij de link ook eens sturen? Vind het wel leuk om even te kijken of ik de mogelijke fout kan vinden.

[Jos]

Waar ik altijd het eerste naar kijk bij dit soort fouten, is de foutenlog van W3C. En dan met name fouten zoals end tag for "div" omitted (missende end tags voor img is niet zo schokkend)

Zo'n missende tag zit (ontbreekt) in onderstaand stukje code:

Code: Select all

                      <td> 

<div class="navigation"> 
  
<div id="content">

<a href="url"> HOME |</a> 
<a href="url"> WERKWIJZE |</a> 
<a href="url"> PAKKETTEN |</a> 
<a href="url"> ONDERHOUD |</a> 
<a href="url"> PORTFOLIO |</a> 
<a href="url"> ONTWERPEN |</a> 

<a href="url"> CONTACT |</a> 
<a href="url"> VRAGEN? |</a> 
<a href="url"> LINKS |</a> 
</div>

 </td>

Binnen de   wordt de niet afgesloten. Daar moet je dus even goed naar kijken.


Iets anders waar het fout op kan gaan is de melding: Document type does not allow element ... here
Dit komt bij jou voor in dit stukje

Code: Select all

<p><div class="gallery">
<h3>Portfolio</h3>.....

Hier zet je een element binnen een element. En dat mag niet van W3C. Binnen een element mogen alleen inline elementen, geen block elementen.
De en bijbehorende moet je daar dus even weghalen.

Dan ben ik benieuwd wat het resultaat is 

[Silvie]

Ik heb alles gedaan wat je zei Jos,

Binnen de   wordt de niet afgesloten. Daar moet je dus even goed naar kijken

Deze vond ik na even zoeken in het menutemplate.

Portfolio.....

Deze zet FCKeditor automatisch erin. Dus via de bron eruit gehaald.
Helaas geen resultaat.
Nog steeds gooit hij hem in IE7 in een veel te grote breedte.
Bij vernieuwen in IE7 zie je hem een fractie van een seconde even goed en daarna dus te breed.
In firefox en IE8 geen centje pijn!
Pff die browsers ook. 

[Jos]

Oke, kunnen we idd even verder kijken 

Wil je in het css veld van de AE-Gallery template eens zoeken naar

Code: Select all

    .ae-gallery .ae-slideshow-controls {
      float: right;
    }

en wil je dat eens veranderen naar

Code: Select all

    .ae-gallery .ae-slideshow-controls {
      display: none;
    }

Ik weet namelijk dat die slideshow knoppen wat problemen in IE7 gaven, dus als je het hiermee verbergt, ben ik benieuwd of dat wat helpt.

Zo niet, dan kun je eens proberen om bovenaan in het css veld toe te voegen:

Code: Select all

.gallery { width: 400px; }

[Silvie]

Helaas Jos, geen resultaat.  :(
Bij het herladen heb ik even goed gekeken.
Zo gauw de navigatiepijlen erbij komen gebeurd het. ( in fractie van seconde)


aanvulling: de start en stop pijlen zie je ook niet in IE7!

[Jos]

En als je in plaats van

Code: Select all

.gallery { width: 400px; }

dit ervan maakt:

Code: Select all

.gallery {
	width: 400px;
	overflow: hidden;
	padding: 0 22px;
}