PROB mit div/css layout unter internetExplorer

[spastikind91]

Hallo, ich bin echt verzweifelt!
Ich habe ein layout (total simpel) mit <div>'s und CSS zusammengebastelt (war mein erstes) und alles ging...unter firefox. der ie zeigt die container in einer anderen reihenfolge an!!! ich hab ka wie ich das jezt beheben soll! vlt kann mir ja jemand helfen?!
INDEX: http://www.max-tillich.eu/v2/index.html
CSS: http://www.max-tillich.eu/v2/style/normal.css

 

[Bastian Born]

ich hab da etwas gefunden ich bin mir nicht ganz sicher, ich hab nicht sehr gute CSS kentnisse

also dieser betroffende div wo dieses POLL und IMPRESSUM und sowas drinnen steht: da steht im tag das attribut

align="center"

aber im CSS steht unter float(ich kenn das nit aber ich vermute es das es für das zentrieren ist) left
aber wie gesagt....ich kenn float(oder wie das heißt) nicht:-o

aber könnte sein das dadurch der browser 2 sachen bekommt aber nur eine machen kann....IE das eine, Mozilla nimmt das andere

 

[spastikind91]

leider nicht..

danke für die Antwort..leider war das nicht der fehler...schade

 

[NetzSchleicher]

Ein Div in CSS zu zentrieren geht auch nicht mit float, da float nur left oder right akzeptiert. Auch geht es nicht mit align, da in CSS nur TextZentrierung möglich ist ( mit text-align:center; ). Du müsstest es schon angeben, wo genau der Div liegen muss. Gib dazu einfach folgendes ein:

In CSS-Datei:

div.content { position:absolute; left:[Pixel von linker Seite entfernt]px; top:[Pixel von oben entfernt]px; width:[Breite]px; height:[Höhe]px; }

In HTML-Datei:

<div class="content">Inhalt des HauptDivs</div>

 

[spastikind91]

hmmmm

tjaaa aber dann siehts so aus: http://domains4u.praknix.de/screen.gif

also das Hauptproblem habe ich gelöst (also das die container bei jedem browser in der richtigen reihenfolge stehen. aber dafür kann ich den text im "content" div nicht zentrieren! also ich kann p align="center" ...gut dann wird der text zentriert aber der block steht nicht in der mitte des div sondern links am rand!

trotzdem vielen Dank für die Antwort!!!!
Ich bin weiterhin dankbar für jede Hilfe!!!

mfg ich

/edit gehört das jezt schon in CSS?? Ich hoffe das is noch OK hier!

 

[Fredmonster]

Hallo erstmal!
Dafür musst du in der css folgendes ergänzen:

#container {
width : 1000px;
margin : auto;
text-align:center;
}

Gruß, Fredmonster!

 

[spastikind91]

lol

das hörte sich gut an...aber leider siehts jetzt so aus: http://domains4u.praknix.de/screen2.gif

und die schrift ist zentriert aber er ist immer noch "linkslastig" ...der text steht dann nicht in der mitte des containers, sondern nur innerhalb des p tags. wenn ich jetzt das p tag einfach weg lasse und das stylesheet so ist wie du es vorgeschlagen hast, sieht es so aus: http://domains4u.praknix.de/screen3.gif

oh mann...das wird nichts mehr glaube ich...ich zweifel schon an mir selbst!

danke trotzdem für die Antwort und bin dankbar für jede weitere Hilfe!!!!

mfg ich

 

[Fredmonster]

mit den p-tags war das schon richtig.. ist ja auch in der Mitte.. Das es linkslastig ist hängt damit zusammen, dass dein Container eine Breite von 1000px; hast... Du solltest eine Seite übrigens immer mit Prozentangaben schreiben (bei so großen Containern).. Ich empfehle dir, die Seite nochmal komplett zu überdenken, alles in Prozentangaben umzuwandeln und nicht p-Tags, sondern hauptsächlich Container verwenden! DAnn wird das schon.. ;) nie verzweifeln!
Gruß, Fredmonster!

 

[Raven]

Sorry dass ich mich einmische, aber margin: auto; ist für mich was ganz neues. Was bringt das ?

 

[spastikind91]

lol...bin ja nicht depressiv!!!

k mach ich...die hat eh keinen weiteren Sinn...ich wollte nur mal von den table layouts weg kommen und (endlich) mal mit div's und css anfangen!

@Raven ...ob es was für die "Seite" bringt weis ich doch auch nicht lol...wie gesagt ist mein erstes layout ohne tables (peinlich)...
auto weist den Browser an, die Größe des Einzugs automatisch zu berechnen. Die Angabe von auto stellt sicher, dass vorangegangene Deklarationen den jeweiligen Einzug nicht beeinflussen.

naja ich denke damit wäre das thema erledigt!!!

danke für die antworten!