kleines Layout/CSS-Problem - ein Abstand wo keiner sein sollte

Hallo!

Ich komm bei einem kleinen Layout-Problem nicht weiter. Wahrscheinlich ist irgend ein kleiner Fehler in meiner Logik/CSS/...

Im Anhang seht ihr die Newsbox - die hängt zusammen von 2 modulen "news_top" ist ein "Zufallsbild" - welches nur 1 Bild einfügt - und darunter eine Nachrichtenliste.

Dazwischen ist ein weißer Stich und ich weiß nicht wo der her kommt. - bzw. wie ich ihn wegbekomme.

das ganze live: www.rmts.at/

Mit Firebug finde ich leider auch nichts - oder ich übersehe etwas.

Vielen Dank schon mal!!!
Liebe Grüße
Karo

der #wrapper hat einen border. Dieser wird in der basic.css eingefügt:

PHP-Code:

---

#wrapper {
background-color: white;
border: 1px solid #F7E6D0;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
overflow: visible;
vertical-align: middle;
} 


---

Auf 0 setzten und gut ist.

hey schman!

Danke für die schnelle Antwort!

das wars aber leider nicht
die Farbe "f7e6d0" ist ein leichtes orange - eigentlich genau die Farbe die auch der Hintergrund von der Box hat - somit würde mans nicht sehen... dort ists aber weiß.
(habs trotzdem ausprobiert - hat nichts geändert)
lg
karo

Gib mal bitte #news_top einen Hintergrund ...

Code:

---

#news_top {
    background: none repeat scroll 0 0 #FBE5CE;
}

---

Hallo Lucina!

VIelen Dank - jetzt ists wieder schön! - der Strich verschwindet damit.
Ist zwar etwas geschummelt (und der eigentliche Grund nicht wirklcih bedacht) aber wem fällts auf =)))

Lg Karo

Hallo Karo,

naja, den "Strich" sieht man ja immer noch. Zumindest wenn man's weiß... ;)

Das Problem ist, dass der umschließende <div>-Container eine Höhe von 50px hat, während Dein Bild nur 48px groß ist. Da dieses Bild bei Dir ein Inline-Element ist, liegt es sozusagen auf der Schriftlinie (daher auch der Abstand von 2px). Wenn Du dieses Bild-Element hingegen als Block-Element definierst, sollte es keinen Abstand mehr zwischen Bild und Container geben.

hallo xchs!

meinst du display:block;?
dies hatte ich probiert - hat nicht funktioniert.
auch eine fixe Angabe der Höhe der Grafik beim Modul hat nicht geholfen.
es ist jetzt wieder zurückgestellt (ohne dem COde von Lucina) - zum testen

lg

Ich hab's so probiert:

Code:

---

#news_top img { display:block; }

---

Bin grad mal wieder, wie leider auch ein paar Millionen andere mit dem IE6 unterwegs...

Dabei ist mir folgendes aufgefallen:

vielen danke xchs - so funktionierts!

und danke conta1234 - ich werde mir das ansehen
ich hab selbst keinen Internet Explorer - und am Mac sieht der sowieso wieder extrem anderers aus - gibt es irgendwelche möglichkeiten andere browser zu simulieren und somit zu testen??

lg

Zitat:

---

Zitat von karo

Gibt es irgendwelche möglichkeiten andere browser zu simulieren und somit zu testen??

---

Du könntest das probieren: http://ipinfo.info/netrenderer/