✔ overflow:hidden mit div Containern

[schleckerbeck]

Hallo,

ich programmier gerade eine Seite, und hab da folgendes Problem. Hab mir ein JavaScript aus einigen fertigen Scripts zusammengebastelt, dass kleine Thumbnails am unteren Rand per Pfeil verschiebt. Funktioniert soweit auch ganz gut, doch leider stellt mir der Firefox die beiden übereinander liegenden Div Container etwas falsch da. Der obere Container hat das Attribut overflow:hidden; damit die Bilder dahinter verschwinden.
Doch leider sieht man beim Firefox mal die Bilder nur zur Hälfte, dann mal wieder gar nicht... Und der Internet Explorer stellt sie gar nicht da.
Ist das ein Bug, der bekannt ist, oder hab ich da was falsch gemacht? Hier die URL der Seite:
http://www.landgut-immobilien.eu/index.php?name=immo

Danke,
sc.

 

[Maik]

Hi,

Inline-Elemente, wie das a-Element, dürfen keine Block-Elemente, wie das div-Element, enthalten.

Versuch es daher mal mit diesem Markup für die "Scroller-Pfeile":

<a href="#" onMouseover="weiter=1;scrollen(2,20)" onMouseout="weiter=0" style="position:absolute; left:0px; top:0px; width:22px; height:68px; background:url(pfeil_links.gif); display:block;"></a><a href="#" onMouseover="weiter=1;scrollen(-2,20)" onMouseout="weiter=0" style="position:absolute; right:2px; top:3px; width:22px; height:68px; background:url(pfeil_rechts.gif); display:block;"></a>

und im IE erscheinen auch die Thumbnails.

Desweiteren muß eine ID in einem Dokument eindeutig sein, und darf nicht, wie in deinem Fall mit der ID #link, mehrmals vergeben werden - hierfür gibt es die Klassen.

Weitere Fehlermeldungen entnimmst du bitte dem w3c-Validator -> http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

 

[schleckerbeck]

Hab das gerade mal ausprobiert, also bei mir zeigts die Thumbnails im IE nicht an. Hab noch Version 5 drauf (ich weiß, bissal veraltet, sollte jedoch in diesem Browser auch funktionieren.).

Danke für die schnelle Antwort.
sc.

 

[Maik]

Sorry, hab vergessen dir mitzuteilen, dass dem zweiten DIV in der "Scrollbox" noch eine Höhenangabe fehlt:

<div style="overflow:hidden; position:absolute; top:2px; left:32px; width:730px; height:76px;">

 

[schleckerbeck]

Das is ja traumhaft! Danke! Und mal wieder hat mich tutorials.de überzeugt!

Jetzt hab ich dann bloß noch eine Frage: Und zwar hab ich ein 1-pixel breiten Verlauf als hintergrund per repeat-x eingefügt. Doch leider sieht man bei größeren Auflösungen, dass er die Grafik auf der y-Achse wiederholt. Kann man da etwas dagegen machen. Glaube aber, dass der Effekt nur beim IE auftritt.

Danke!
sc.

 

[Maik]

Sprichst du von dem Seitenhintergrund?

Der wird bei mir in keinem Browser, auch nicht im IE, in der Y-Achse wiederholt, und ich fahre hier eine Auflösung von 1280*1024px.

 

[schleckerbeck]

Naja, bei mir sieht's so aus (roter Pfeil), oder liegt das an meinem PC?

 

[Maik]

Was da unterhalb des Hintergrundbildes zum Vorschein kommt, ist lediglich die Hintergrundfarbe (#848484) der Seite.

Anscheinend kann der IE den "Farbübergang" vom Hintergrundbild zur Hintergrundfarbe nicht sauber darstellen, denn im Firefox tritt dieser "Absatz" nicht in Erscheinung.

 

[schleckerbeck]

Ah, auf das hät ich auch selber kommen können!
Danke dir!