Explorer stellt css falsch dar
Tobi
- css
Hallo, ich hab ein kleines Problem, und zwar kommt der IE nicht mit dem css-sylesheet zurecht. Unter FireFox, funktioniert es jedoch ohne Probleme. Kann mir einer von euch weiterhelfen?
Die Seite um die es sich handelt: www.treal.de
CSS abschnitt:
/* layout
------------------------------------------------------ */
#container {
margin: 0 auto;
width: 850px;
font-size: 0.7em;
text-align: left;
}
#wrap {
height: 1%;
margin: -20px 0;
background: url(i/wrap.gif) repeat-y;
background-position: center;
}
#col-left {
float: left;
width: 200px;
padding: 0 0;
}
#col-main {
float: left;
width: 450px;
}
#col-right {
float: left;
width: 200px;
padding: 0 0;
text-align: right;
}
Danke für eure Hilfe
Tobi
Hallo Tobi.
und zwar kommt der IE nicht mit dem css-sylesheet zurecht.
Daß das keine vernünftige Fehlerbeschreibung ist, ist dir hoffentlich klar. Also:
Was wird nicht so dargestellt wie du es haben möchtest? Auf welche Version des Internet Explorers beziehst du dich?
Ich habe mir die Seite gerade im IE6 angeschaut und keine verdächtigen Unterschiede zu (anderen) Browsern gefunden.
Hallo Tobi,
ich hab ein kleines Problem, und zwar kommt der IE nicht mit dem css-sylesheet zurecht.
Was genau meinst du mit "kommt nicht zurecht"? Ich habe jetzt keinen großen Unterschied zwischen FF 1.5.0.7 und dem IE 6 gesehen.
Die Seite um die es sich handelt: <www.treal.de>
Gruß Gunther
[Edit] Sorry, ist halt schon spät!
Hallo Tobi,
ich hab ein kleines Problem, und zwar kommt der IE nicht mit dem css-sylesheet zurecht.
Was genau meinst du mit "kommt nicht zurecht"? Ich habe jetzt keinen großen Unterschied zwischen FF 1.5.0.7 und dem IE 6 gesehen.
Die Seite um die es sich handelt: http://www.treal.de
Gruß Gunther
und zu langsam war ich auch, bzw. Blaubart war schneller...!
[/Edit]
Tut mir leid, dass ich es nicht ausführlich genug beschreiben habe, ich hab mal eine screenshot gemacht um es zu verdeutlichen
http://treal.de/misc/kaputte-page.jpg
hoff ihr könnt mir da weiter helfen
-Tobi
'Nabend.
http://treal.de/misc/kaputte-page.jpg
hoff ihr könnt mir da weiter helfen
Nein, ehrlich gesagt hilft das nicht viel weiter. Welcher Teil der von dir verlinkten Seite ist das? Ich finde kein 3-Spalten-Layout.
Verlinke doch bitte die Problemseite einmal direkt!
Oh sorry hab mich beim linkl vertan, es handelt sich um:
http://treal.de/blog
'Nabend.
http://treal.de/misc/kaputte-page.jpg
hoff ihr könnt mir da weiter helfen
Nein, ehrlich gesagt hilft das nicht viel weiter. Welcher Teil der von dir verlinkten Seite ist das? Ich finde kein 3-Spalten-Layout.
Verlinke doch bitte die Problemseite einmal direkt!
Hi!
Oh sorry hab mich beim linkl vertan, es handelt sich um:
Abgesehen davon, dass Rechts da ist, wo der Daumen links ist ...! ;-)
Ich denke, dass das Problem aus der pixelgenauen Aufteilung der 3 Spalten innerhalb des Containers herrührt:
Container: 850px
linke Spalte: -200px
mittlere Spalte: -450px
rechte Spalte: -200px
-------
0px
=======
Der IE baut aber bestimmt zwischen die Spalten ein paar (ungewollte) Abstände ein, die dann verhindern, dass die rechte Spalte noch daneben passt. Und da du alle 3 Spalten gefloated hast (es ist übrigens meist besser, max. 2 Spalten zur selben Seite floaten zu lassen und eine zur entgegengesetzten Seite), rutscht sie ganz nach links unter die rechte Spalte (was ja wiederum korrekt ist).
Gruß Gunther
Tach.
Ich denke, dass das Problem aus der pixelgenauen Aufteilung der 3 Spalten innerhalb des Containers herrührt:
Das ist auch meine Diagnose. ;-)
Tobi, es wäre übrigens eine gute Idee, all die Fehler in deinem HTML-Dokument zu beseitigen, auf die dich der Validator [1] aufmerksam macht. Du hast bei dieser DIV-Suppe wohl selber an manchen Stellen die Übersicht verloren.
[1] Dem sollte man generell einen Besuch – oder mehrere, wenn nötig – abstatten. *Besonders* dann, wenn du nach Fehlern suchst.
Ich danke euch, ihr hattet recht und nu is das Problem gelöst :)
Werd mich dann mal an die ausbesserung der Fehler machen.
Nochmals vielen Dank
Tobi