Zum Inhalt springen

CSS Problem zwischen IE und Firefox


Empfohlene Beiträge

Hallo!

Bin gerade ratlos vllt könnt ihr mir helfen. Unter Google find dazu auch nichts.

Bin gerade dabei ein Design zu erstellen für eine Website.

Funktioniert auch alles wunderbar nur ich erhalte verschiedene Anzeige zwischen Internet Explorer und Firefox.

Im Internet Explorer wird alles so angeziegt wie ich es haben will nur im Firefox verschiebt sich die Position der Elemente nach unten.

Ich hab keine Ahnung warum.

Hier der Link zu dieser Seite:

http://www.cbs-welt.de/problem/index.html

Hier die CSS-Datei:

http://www.cbs-welt.de/problem/style.css

Hoffe ihr könnt mir helfen.

greetz

chris

Link zu diesem Kommentar
Auf anderen Seiten teilen

Vielleicht solltest du valides HTML verwenden, dann klappt es eigentlich auch mit den Browsern. Und dich entscheiden, entweder Tabellenlayout oder CSS.

AFAIK nutzt der IE7 im Quirksmode das fehlerhafte IE-Boxmodell, nur im Standardkonformenmodus nutzt er das richtige. Das könnte diesen Fehler verursachen.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Das liegt an folgendem Abschnitt:

.tabelle{

position:absolute;

top:10%;

left:25%;

}

Die Angaben in Prozent beziehen sich auf die Bildschirmbreite (bei left) und auf die Bildschirmhöhe (bei top). Versuch statt Prozent Pixel einzutragen. In etwa so:

.tabelle{

position:absolute;

top:10px;

left:25px;

}

Dann sollte es klappen!

Link zu diesem Kommentar
Auf anderen Seiten teilen

Danke für die schnelle Antwort nur irgendwie verstehe ich zur Zeit nur Bahnhof:confused:

HTML ist eben nicht einfach nur <html>...</html>

SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

SELFHTML: Stylesheets / CSS-Formate definieren / Das CSS Box-Modell

und auch einfach

SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML

als Einstieg. :)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hallo!

Also erstmal nochmal danke für die zahlreiche tipps

so jetzt mal zu meinem vorhaben

also eigentlich sollte das ganze ohne tabelle sein das jetzt die tabelle mit drin ist war nur testzweck ob es vllt so in beiden browsern funktioniert wenn er sich ab tabellenrand ausrichtet

das mit dn prozent ist auch nur testzweck mit px angabe hab ich es auch schon versucht geht auch nicht

werde mir jetzt mal die links ansehen und dann mal basteln und dann berichten ob es funtkioniert hat oder nicht

greetz

chris

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hi!

Danke für das Skript aber so funktioniert das beim Firefox auch nicht. Ist alles ein bisschen nach unten verschoben.

Im IE7 ist alles genauso wie es sein soll.

Es ist immer noch das gleiche Problem.

Funktioniert es bei dir mit Firefox?

Meine Version 2.0.0.6

An anderen Rechner mit Firefox funktioniert es auch nicht.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hier der Link zu dieser Seite:

http://www.cbs-welt.de/problem/index.html

Mhhh... da hat wohl jemand den Sinn des Einsatzes von Grafikprogrammen beim Webdesign nicht verstanden...

Semantik ist auch nicht soo dein Fall, oder?

position:absolute ist, wie du gemerkt hast, auch *böse*

Schau mal hier vorbei: Club-Reisen Herbst

Noch nicht ganz perfekt ... die passende Seite (selfhtml) zum Nachschlagen für den letzten Schliff hat dir JesterDay genannt.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...