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

[karo]

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

[schman]

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

#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.

[karo]

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

[lucina]

Gib mal bitte #news_top einen Hintergrund ...

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

[karo]

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

[xchs]

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.

[karo]

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

[xchs]

Ich hab's so probiert:

#news_top img { display:block; }

[conta1234]

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

Dabei ist mir folgendes aufgefallen:

[karo]

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

[xchs]

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

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