Opera und FF Top, IE Flop

**Kulle** · 15.11.2011, 15:55

Also ich habe mir eine Seite zusammengebastelt und die ganze Zeit in Opera rumprobiert. FF zeigt sie auch noch 1A an, dann bin ich zu IE gekommen und meine Seite war plötzlich der größte Mist. Warum zeigt der IE es nicht so an wie die beiden anderen? Habe alles per CSS formatiert also 4 Kästchen und in jedes etwas reingeschrieben. Statt denn Kasten zu zeigen wie per CSS festgelegt zeigt er nur einen Rahmen um denn Text.

hat jemand ne Lösung?

Thx

***Chronos*** · 15.11.2011, 15:58

<schmeißt seine kristallkugel an>...........mh...interesant...mh was sie nicht sagt....he moment..och ne, abgestürzt.
Sorry meine Kristallkugel will im Moment nicht darum

1.) welche IE (es ist ein unterschied ob IE8 oder IE9, oder gar IE < 8)
2.) Code...ohne Code kann man dir bei so einem Problem schwer weiter helfen.

**goto** · 15.11.2011, 16:00

Hallo,

das liegt an der unterschiedlichen Implementation des CSS Standards der Browser

. Es macht teilweise sogar einen Unterschied ob du eine Seite im FF unter Windows, Linux oder Mac betrachtest.

Für Fehlerbehebungen hat Chronos bereits alles gesagt...

**Kulle** · 15.11.2011, 16:01

IE8 sowie IE7 ^^

Code:

body {
background: yellow /*url("1.jpg") no-repeat fixed center center*/; /* Hintergrund: Farbe, Bild, Wiederhohlung, Fixierung, Position */
}

#oben {
top:0px;
left:0px;
right:0px;
height:20px;
background:red;
position:absolute;
}

#unten {
bottom:0px;
left:0px;
right:0px;
height:40px;
background:green;
position:absolute;
}

#links {
bottom:40px;
left:0px;
top:20px;
width:200px;
background:#7fff00;
position:absolute;
padding:2px 2px 2px 2px;
}

#rechts {
bottom:40px;
left:204px;
top:20px;
right:0px;
background:#00ffff;
position:absolute;
}

EDIT: verfluchter Walfischdreck...... ich denke das ist ein allgemein akzeptierter Standard da kann es doch nicht jedes Mal anders sein.

**goto** · 15.11.2011, 16:02

Hallo,

und wenn du uns jetzt noch den HTML

Quelltext dazu lieferst, können wir sogar etwas damit anfangen ;-)

***Chronos*** · 15.11.2011, 16:05

wieso arbeitest du mit position: absolute? wenn du div neben einander anordnen willst reicht ein einfaches float

: left oder right.

**Kulle** · 15.11.2011, 16:07

Hier ist er.......:

EDIT: Muss ich nochmal nachschauen habe bisher nur mit absolute gearbeitet :P sollte mich da evt. nochmal belesen. Zeigt er es dann Überall richtig an? Denn wenn nicht bringt es ja auch nix

***Chronos*** · 15.11.2011, 16:16

also es fehlt auf alle fälle mal der Doctype GANZ wichtig (aber glaub das hab ich dir schon öfters gesagt)
und sicher das es im FF richtig angezeigt wird? das left: 0px find ich schon bissl komisch bei den 3....wobei...schwer zu sagen. aber bei Links mit 0px...bzw oben und unten haben absolut die selbe position nur größe ist anders...also ich empfehle dir hier definitiv mit float

zu arbeiten.

abgesehen davon id="IDHIER" und nicht id='HIER', sprich Anführungszeichen verwenden.

**goto** · 15.11.2011, 22:04

Hallo,

da ich leider keinen Internet Explorer weit und breit zur Hand habe (Ich habe kein Windows) kann ich dir nur empfehlen das ganze mal mit floatings zu bauen. Hierzu sollte dir dieser Artikel evtl. weiterhelfen können.

**Kulle** · 16.11.2011, 19:42

Ach das blöde Doctype vergesse ich immer iwie :P muss ich glaube mal in die Navigation mit einbinden sodass es immer da ist.

" ' Habe mir das angewöhnt da ich vieles mit echo direkt verbinde und da " nutze. Mache ich aber beim nächsten durchschauen neu.

So zu float

: ich habe damit gestern Abend noch ein bissl rumexperimentiert und festgestellt das ich es nicht raffe, auch nicht mit Tuts (in Englisch bin ich nicht die Leuchte gibt aber noch deutsche). Habe da nie eine Leiste hingekriegt die über die ganze Seite geht und 20 px dick ist. Also die sollte oben rechts und links anliegen, oben und links hat es geklappt nur rechts nicht.