php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 29.06.2008, 12:40  
Neuer Benutzer
 
Registriert seit: 29.06.2008
Beiträge: 17
FearMyInnerSelf befindet sich auf einem aufstrebenden Ast
Standard FF/IE CSS was muss ich machen?

Hallo zusammen,

bin gerade dabei eine Website zusammen zu basteln. Und bin nun auf ein eher wenigen schönen Fehler(?) gestossen. Der IE zeigt die Startseite anders an wie der Firefox (FF zeigt es korrekt an!).

Habe diverse Bilder in einer Tabelle die ich in einem DIV-Layer positioniere. Hinter den Bildern ist jeweils immer noch ein Background hinterlget. Dieser wird allerdings nur bei FF angezeigt. Der IE reagiert auf nichts was ich bis jetzt versucht habe.

Zitat:
.shadow
{
background: url(shadow_small_start.png) no-repeat bottom left;
padding: 4px 7px 17px 7px;
}

a .shadow
{
border: 0px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
-khtml-opacity:0.75;
}

a:hover .shadow
{
border: 0px;
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
-khtml-opacity:1.00;
}

<!--[if gte IE 5]>
.shadow
{
background-image: url(shadow_small_start.png) no-repeat bottom left;
padding: 4px 7px 17px 7px;
}

a .shadow
{
border: 0px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
-khtml-opacity:0.75;
}

a:hover .shadow
{
border: 0px;
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
-khtml-opacity:1.00;
}
<![endif]-->
Habe für den IE schon einen separaten Teil in der CSS angelegt damit ich mir die FF Variante nicht kaputt mache. Hab hier die Sache wieder gleich gestellt, da meine Versuche alle nichts gebracht hatten.

Zitat:
<div style="position: absolute; left: 0px; top: 360px; z-index: 1;>
<table cellpadding="1">
<tr>
<td>
<a href="#"><img src="BILD01.jpg" class="shadow" border="0"></a>
</td>
</tr>
</table>
</div>
Ich habe jetzt schon 2 Stunden im Netz gesucht und diverse Unterschiede was padding angeht rausgefunden, aber irgendwie hab ich noch keine passende Lösung gefunden, die die Darstellung auch im IE korrigiert.

Hat jemand eine Idee was ich eventuell noch alles versuchen könnte? Oder am besten eine Lösung parat?

Danke schonmal im Voraus!!!

Nachtrag:
Wenn ich die Padding Angabe direkt in HTML angebe, sprich
Zitat:
<td style="background: url(pics/shadow_small_start.png) no-repeat bottom left; padding: 4px 7px 17px 7px;">[...]</td>
dann funktioniert es auch im IE. Aber das wollte ich eigentlich nicht. Wo bitte ist der Unterschied, dass der IE es nicht gebacken bekommt, die Sachen aus der CSS-Datei ordentlich anzuzeigen?

Geändert von FearMyInnerSelf (29.06.2008 um 13:03 Uhr).
FearMyInnerSelf ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 29.06.2008, 18:19  
PTC
Erfahrener Benutzer
 
Benutzerbild von PTC
 
Registriert seit: 27.10.2007
Beiträge: 1.708
PHP-Kenntnisse:
Anfänger
PTC ist einfach richtig nettPTC ist einfach richtig nettPTC ist einfach richtig nettPTC ist einfach richtig nett
Standard

Zitat:
Zitat von FearMyInnerSelf Beitrag anzeigen
Hallo zusammen,

bin gerade dabei eine Website zusammen zu basteln. Und bin nun auf ein eher wenigen schönen Fehler(?) gestossen. Der IE zeigt die Startseite anders an wie der Firefox (FF zeigt es korrekt an!).
Willkommen in der Realität!
Zum Thema http://www.php.de/off-topic-diskussi...twicklung.html (Moderne Webentwicklung)

--------------

Du brauchst ein Grundkonstrukt(CSS) und zwei unterschiedliche weitere CSS.
Die zwei zusätzliche musst du auf dei Browser abstimmen und je nach Browser laden.

Geändert von PTC (29.06.2008 um 18:22 Uhr).
PTC ist offline   Mit Zitat antworten
Alt 29.06.2008, 18:57  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Transparente png (wenn ich richtig verstanden habe) kannst Du mit dem IE noch weitgehend vergessen. Es gibt JS Lösungen dafür, aber an Deiner Stelle würde ich ein anderes Layout wählen.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 29.06.2008, 19:10  
Neuer Benutzer
 
Registriert seit: 29.06.2008
Beiträge: 17
FearMyInnerSelf befindet sich auf einem aufstrebenden Ast
Standard

Ja, ich weiß. Den IE nutze ich auch nur, wenn ich prüfen möchte ob Sachen dort auch einigermaßen korrekt angezeigt werden.

Hab es aber hinbekommen. Hab die Zuweisung die beim FF auf die Grafik laufen beim IE auf den TD-Tag zugewiesen und schwups hat er es richtig dargestellt.
FearMyInnerSelf ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
http://www.php.de/html-usability-und-barrierefreiheit/1884-ff-ie-css-muss-ich-machen.html, fearmyinnerself, css ie moz, css moz ie, css füt ie abstimmen, css auf browser abstimmen, moz opacity, opacity ff, opacity ie and ff, ie moz khtml, transparent css firefox endif ie moz, filter css firefox, moz_resizing ie, css \-moz\ ie, css ie ff, \ie.css\ wie machen, unterschiede css ie firefox, css position png ff ie, css auf ie abstimmen, bilder im internet explorer css

Alle Zeitangaben in WEZ +2. Es ist jetzt 21:47 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum