Hilfe bei Gallerie

[boesewicht]

Mahlzeit !

eigentlich wollte ich die Gallerie der Seite http://www.lango.de/alfons mit div tags erstellen. Leider zerhaut der IE 5.5 auf dem Mac die Gallerie total. (sogar so krass das der User fast nicht die Möglichkeit hat sich die Bilder anzuschaun )
Hier ein Auszug:

<div class="gallery">

<div id="sporthaupt">

<div id="galleryleer"><img src="skifahrar.jpg" alt="Skifahrer von Alfons Kiefer" width="343" height="404" /><br />
  <span class="gross"><br />
  Skifahrer</span><br />
  <span class="fontfotos">Original verkauft</span></div>

</div>

</div>

und von der CSS Datei

#galleryleer, #galleryquer, #gallerymittel {
padding:10px; line-height:16px; float:left; margin:0px 80px 5px 0px; text-align:center;
}
#gallerymittel {
position:relative; top:52px;
}
#galleryquer {
position:relative; top:77px;
}
#animalshaupt, #sporthaupt, #paintingshaupt, #erotichaupt, #peoplehaupt {
margin:20px 0px 0px 60px; FONT-SIZE: 10px;
}

Wie würdet Ihr die Gallerie erstellen? Soll ich wirklich mit Tabellen(probier gerade in meiner Verzweiflung im Bereich People mit Tabellen rum)? :suspekt: (wollte das eigentlich vermeiden soweit möglich)

Vielen Dank schonmal...

 

[Maik]

Als Windows-User kann ich zu den Darstellungsproblemen auf dem Mac + IE5.5 nur schwer eine Hilfestellung bieten, sorry.

Tabellen oder DIVs? Bei dieser Frage spalten sich die Meinungen.

Da das komplette Seitenlayout auf einer verschachtelten Tabellenkonstruktion basiert, kommt es wohl auf die eine Tabelle mit den Gallerie-Bildern auch nicht mehr drauf an, oder?

Desweiteren ist mir aufgefallen, daß du die ID #galleryleer in den einzelnen Seiten mehrmals verwendest, was aber nicht zulässig ist. Eine ID darf in einem Dokument / einer Seite nur einmal vergeben werden. Lösung: ersetze die ID durch die Klasse .galleryleer.

Das Tauschen der CSS-Klassennamen funktioniert überhaupt nicht

Das hast du notiert:

<table onMouseover="className='tabellemitteLASTdunkel'" onMouseout="className='tabellemitteLASThell'"class="tabellemitteLASThell" >

und so muss es lauten:

<table onmouseover="this.className='tabellemitteLASTdunkel'" onmouseout="this.className='tabellemitteLASThell'" class="tabellemitteLASThell">