Seite 1 von 1

CSS Problem: Tabellen werden im IE verschoben angezeigt

Verfasst: 21.05.2005 15:20
von saerdnaer
Hi

ich hab grade nen problem mit tabellen und css: und zwar werden im Internet Explorer (bei mir Version 6) alle tabellen die im inhaltstext der seite vorkommen, so weit nach unten geschoben bis sie hinter der menü box sind. beim firefox tritt der fehler nicht auf.
sehen kann man das ganze z. b. unter http://spog-moenchsdeggingen.de/ergebnisse

kenn irgend jemand diesen fehler, oder weiß wie man ihn umgehen kann?
oder kann mir jemand irgend ne seite empfehlen auf der solche probleme aufgelistet sind?

mfg ah

Verfasst: 21.05.2005 20:27
von Pyramide
Der IE versucht offensichtlich, der Tabelle 100% der Breite des gesamten Browserfensters zuzuweisen - und das klappt logischerweise erst unterhalb des Menüs. Frag mich aber nicht, wie man ihm das abgewöhnt :roll:

Verfasst: 22.05.2005 10:45
von shwepsi
Pyramide hat geschrieben:Der IE versucht offensichtlich, der Tabelle 100% der Breite des gesamten Browserfensters zuzuweisen - und das klappt logischerweise erst unterhalb des Menüs. Frag mich aber nicht, wie man ihm das abgewöhnt :roll:
das Problem ist wohl direkt vor der Tabelle

Code: Alles auswählen

table 
{
    width: 100%;
    text-align:center;
    border-width: 1px;
    border-style: solid;
    border-color: #2f8dbc #003366 #003366 #2f8dbc;
}
</style>
Normalerweise funktioniert das 100% innerhalb eines divs...
ich würde probieren die paar Zeilen auch in die CSS Datei zu packen, da die div's auf dieser Seite dann eine höhere ... Wertigkeit haben als die Formatierungen in der CSS Datei

EDIT: Wertigkeit = Priorität

Verfasst: 22.05.2005 14:45
von Martin Truckenbrodt
Hi,
viellecht ein Fall für text-align oder valign ?

http://validator.w3.org/check?uri=http: ... 382fb4973d

Gruß Martin

Verfasst: 22.05.2005 17:34
von hmueller
Hallo,

probier' mal ein float:right für die Tabelle (evtl. vorher in einem div-Container verschateln)

Verfasst: 22.05.2005 18:00
von saerdnaer
shwepsi hat geschrieben:Normalerweise funktioniert das 100% innerhalb eines divs...
ich würde probieren die paar Zeilen auch in die CSS Datei zu packen, da die div's auf dieser Seite dann eine höhere ... Wertigkeit haben als die Formatierungen in der CSS Datei

EDIT: Wertigkeit = Priorität
der fehler tritt ja auch auf seiten auf, auf denen die styles die du gepostet hast nicht angewendet werden (z.b. beim eintragen ins gästebuch)

aber ich probier mal was passiert wenn ich das mit dem width anders löse...

mfg ah

Verfasst: 22.05.2005 18:38
von roum
Ich hab eine Möglichkeit gefunden, mit der es funktioniert.
Lösch mal in der index.html diesen Teil:

Code: Alles auswählen

<style>
table 
{
    width: 100%;
    text-align:center;
    border-width: 1px;
    border-style: solid;
    border-color: #2f8dbc #003366 #003366 #2f8dbc;
}
</style>
In deine main.css irgendwo folgendes einfügen:

Code: Alles auswählen

table 
{
    width: 99%;
    text-align:center;
    border-width: 1px;
    border-style: solid;
    border-color: #2f8dbc #003366 #003366 #2f8dbc;
}
Bei 100% wird es nach unten verschoben. Vermutlich kommt sich das mit einem padding oder margin in die Quere.
Wahrscheinlich kannst du die table Definition auch in der index.html lassen aber wenns schon ein Stylesheet gibt, dann kann man das ja ruhig verwenden.

Verfasst: 22.05.2005 22:54
von saerdnaer
wirst lachen aber die gleiche lösung habe ich eben auch gefunden ;-)

außerdem hab ich jetzt mal die style angaben - die eigendlich nur bei den ergebnissen gelten sollten - in die haupt css datei verschoben, da es in xhtml eigendlich gar nicht erlaubt ist den style tag innerhalb des body tags zu verwenden.

also danke für eure hilfe.
mfg ah