CSS-Problem IE / FF

tsinus

Sehr aktives Mitglied
7. Januar 2013
331
28
Ich habe auf der Startseite www.ideaprodukte.de den Slider in der Breite begrenzt und rechts daneben ein statisches Bild plaziert (DIV "sliderbox").

In der theme_custom.css habe ich dann die Werte für #sliderbox gesetzt:
#sliderbox {
position: absolute;
top: 5px;
margin-left: 600px;
border: 0px solid #fff000;
width: 354px; height: 189px;
}

Nun stimmt alles beim IE 10, beim Firefox 22 wird das Bild nach unten und links versetzt angezeigt.

Versuch mit

<!--[if IE]>
#sliderbox {
position: absolute;
top: 5px;
margin-left: 600px;
border: 0px solid #fff000;
width: 354px; height: 189px;
}
<![endif]-->

#sliderbox {
position: absolute;
top: -11px;
margin-left: 604px;
border: 0px solid #fff000;
width: 354px; height: 189px;
}

brachte mich nicht weiter.

Austausch von Doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
nach
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> half auch nicht.

Da ich in CSS nicht fit bin und mich erst herantaste, wäre ich für eine Tip dankbar.

hier die Version im IE:IE.jpg und die im FF: FF.jpg
 

Anhänge

  • IE.jpg
    IE.jpg
    50,1 KB · Aufrufe: 6
  • FF.jpg
    FF.jpg
    46,2 KB · Aufrufe: 7

adelheid_f

Gut bekanntes Mitglied
13. November 2010
141
3
AW: CSS-Problem IE / FF

Hallo

da ist ein p-Tag um den Link und ein festes Leerzeiches davor:

Code:
<div title="Geduldsfäden für viele Berufsgruppen" id="sliderbox" class="sliderbox">
[COLOR=#FF0000]<p>[/COLOR]
[COLOR=#FF0000]&nbsp;[/COLOR] <a[COLOR=#FF0000][/COLOR] href="Geduldsfaden"><img style="height: 189px; border-top-color: ; border-bottom-color: ; border-right-color: ; width: 354px; border-left-color: " src="[URL]http://www.ideaprodukte.de/mediafiles/Bilder/Geduldsfaden-354x189.png[/URL]" alt="Geduldsfäden für viele Berufsgruppen"></a> [COLOR=#FF0000]</p>[/COLOR]
</div>

Mach das mal weg.

Liebe Grüße
Adelheid
 

tsinus

Sehr aktives Mitglied
7. Januar 2013
331
28
AW: CSS-Problem IE / FF

Danke für den Tip und die Lösung. Ich habe den p-Tag entfernt, den margin-left Wert korrigiert und siehe da: Im IE und FF wird das Bild korrekt positioniert dargestellt.
...wieder was gelernt.

Gruß
Thomas