Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS Problem zwischen IE und Firefox

Gast Unrealfighter
Gast Unrealfighter
in Skript- und Webserverprogrammierung

Empfohlene Antworten

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

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.

Hallo!

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

Kannst du mir vllt ein Beispiel geben wie ich was ändern soll?

Wäre nett

greetz

chris

Sag mal was willst du da genau erstellen?

Du benutzt Div`s aber dazwischen ist noch eine Tabelle :rolleyes:

Willst du ein DIV Layout oder eine Tabellen Layout???

Und du machst dir das viel zu kompliziert!!!

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!

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

By the way, in Opera funktioniert es ohne Probleme.

Mit freundlichen Grüßen,

Cadpax

Das liegt an px! Habs eben probiert!

Nach dem du das geändert hast musst du die Seite nochmal mit STRG+F5 aktualisieren.

Was heisst das liegt an px?

Was muss jetzt dahin oder weg?

Soll ich die Angaben jetzt in px schreiben oder nicht?

edit:

Hab jetzt % durch px ersetzt und nix ändert sich im Firefox immernoch nach unten verschoben

Habs wieder in % umgewandelt.

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.

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.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Konto

Navigation

Suchen

Suchen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.