[CSS] Spacer hüpft

[yellowspam]

Hi@all:

Ich habe eine Site mit Newseinrägen.
Die Einträge sind verschachtelte Divs, die jeweils einen Link enthalten.
Das problem ist nun dass wenn mehrere Einträge vorhanden sind, der Spacer nach oben bzw. unten rückt, sobald man über den Link des ersten bzw. des zweiten Eintrages fährt.

Hier ist das HTML, ich konnte bis jetzt nicht erkennen woran dass liegt dass die Spacergrafik verschoben wird.

<div class="event">
                        <div class="eventimage" ><img src="image.jpg" alt="" /></div>    
                        <div class="eventtext">
                            17.02.2008 | Text<br />
                            <a href="#">Europ&auml;ischer Konsumententag 2006, Wien, 15. März 2006</a><br />
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent elementum, lectus a elementum adipiscing, leo lectus rhoncus nisi, id lacinia diam diam vitae tortor.                                               
                        </div>                        
                        <div class="clear"></div>                   
                    </div>
                    <div class="EventSpacer"><img src="spacer.gif" alt=""/></div>

Ich hoffe ihr könnt mir da ein bissl weiterhelfen.

 

[Fuma15]

hast du vielleicht irgendwelche relativen größenangaben für die Klasse des Spacers in deiner css?

 

[yellowspam]

Ja:

.event
 {
 	position:relative;
 	left:-110px;
 }
 
 div.EventSpacer img{position:relative;right:-30px;}

 

[Fuma15]

ich bin kein profi soviel schonmal im voraus hihi ^^
aber das könnte möglicherweise die ursache sein, da sich der spacer positionsmäßig an seine vorherigen bzw. nachfolgenden objekte anpasst(wenn ich in meiner Ausbildung richtig aufgepasst habe müsste die Aussage stimmen ^^'' )
probier es mal mit absolute und dann die entsprechende x bzw y-koordinaten eingeben
vielleicht klappts dann

 

[Maik]

Hi,

das nenn ich mal eine wirklich gelungene Problembeschreibung

Wenn du ein Problem mit CSS hast, solltest du nicht blos den HTML-Code posten, sondern auch das für den Quellcode-Auszug dazugehörige, sprich vollständige Stylesheet, denn mit den beiden CSS-Schnipseln kann ich in keinem Browser ein Hüpfen des Spacers ausmachen, wenn ich den obigen HTML-Code in einem Testdokument vervielfältige.

mfg Maik

 

[yellowspam]

Sry, mein Fehler, hier ist das gesamte Stylesheet für den Codeauszug:

div.eventimage{float:left;}
div.eventimage img {margin-right:20px;}
 
div.eventtext{float:left; width:30em; }
 .event
 {
 	position:relative;
 	left:-110px;
 }
 
 div.EventSpacer img{position:relative;right:-30px;}

 

[Maik]

Nenn mal den Link zu der Problemseite, denn bei mir hüpft der Spacer weiterhin nicht, wenn ich über die Links fahre.

In welchem Browser taucht denn das Problem überhaupt auf?

mfg Maik

 

[yellowspam]

Die Site ist firmenintern auf nem Testserver.

Das Problem tritt nur unter IE7 auf,

 

[yellowspam]

Anbei noch zwei screenshots wie es ausieht wenn man die seite lädt, und wenn man über den ersten link gefahren ist.

 

[Maik]

Dann poste bitte mal den vollständigen HTML- und CSS-Code der Seite, denn mit den bisherigen Quellcode-Angaben "muckt" der IE7 bei mir nicht auf.

mfg Maik