CSS-Problem IE / FF

tsinus

Gut bekanntes Mitglied
7. Januar 2013
249
6
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

Gut bekanntes Mitglied
7. Januar 2013
249
6
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
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu CSS Problem - Galerie - Hilfe gesucht, gerne auch gegen Entgelt Templates für JTL-Shop 8
Neu Vimeo CSS in Sitemap JTL-Shop - Fehler und Bugs 0
Neu Preis auf Anfrage Button per CSS änderbar ? User helfen Usern - Fragen zu JTL-Wawi 0
Neu CSS Gutschein Premium - Einzweckgutscheine - Fehler beim Einlösen Plugins für JTL-Shop 1
[GELÖST] Wawi startet nicht mehr. Dringendes Problem! JTL-Wawi 1.9 2
Neu Problem mit Scroll-Link nach Update auf Shop-Version 5.3.3 Technische Fragen zu Plugins und Templates 5
Neu Problem mit Shopify abgleich Shopify-Connector 2
Neu Ersatzlieferung - Paket steckt fest (klassisches Problem) User helfen Usern - Fragen zu JTL-Wawi 2
Problem bei Upgratevon Shop 4 auf shop 5 (SQLSTATE[42000]) Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Produktbewertungen email - problem und fragen Betrieb / Pflege von JTL-Shop 0
In Diskussion Problem mit Steuerberechnung bei Freieretoure auf Tagesbericht und in Statistiken JTL-POS - Fehler und Bugs 4
Neu Falsche Steuersätze bei Amazon FBA Rechnungen | Problem: Versandland?! JTL-Wawi - Fehler und Bugs 1
Problem: Unterschiedliche Rechnungslayouts basierend auf Versandart in JTL-Wawi JTL-Wawi 1.8 6
Problem bei Workflow-Erstellung: Lieferzeit erhöhung" funktioniert nicht JTL-Wawi 1.8 16
Neukunden Problem JTL-Wawi 1.9 2

Ähnliche Themen

Top Bottom