Blog in IE nicht mittig, Problem

Hi

Nun ich hab mal bei W3C nachgeguggt. http://validator.w3.org/check?uri=http%3A%2F%2Ffabelimo.com

117 Fehlermeldungen und 85 Warnungen sind schon recht hoch (aber glaub mir ich kenn Webseiten die haben 900 Fehler)

Wenn du dich mit HTML und CSS auskensnt kannst du die Liste abarbeiten, dann wird auch im Internet Explorer bestimmt alles richtig angeschaut.

Wenn nicht wieder melden ^^

PS: tolle Lippen :wink:

Ich sehe in der CSS Datei dass du Hauptsächlich mit Float arbeitest. Möchtest du nicht lieber die zwei Spalten die du hast auf Position: relative/absolute umstellen?

Nunja du musst einfach wissen dass die Positionsangabe Position: Absolute vom Mutterelement ausgeht. Die Positionsangabe Position: Relative geht vom davor platzierten Nachbarelement aus.

Position: Fixed ist fest und scrollt nicht nach oben/unten.

Die Angaben die du verwendet hast, sprich Float ist keine Positionsangabe, sondern sie gibt an, auf welcher Seite das Element platziert ist und auf welcher Seite der andere Inhalt herumfliest.

Bestes Beispiel dafür ist ein Text mit Bildern. Wenn das Bild float: right ist ist das Bild rechts positioniert und der Text fliest links um das Bild herum.

--------------

Joa jetzt ist es im Internet Explorer auch zentriert. Es gibt aber sicher noch einiges zu Verbessern damit es ein sauberer Code wird. Man muss sich halt einfach selbst mal in den Arsch treten und mit etwas Ehrgeiz dahinter und alles ausbessern :)

Falls da noch Ausbaubedarf besteht ich helf gerne. Ich möchte einfach noch loswerden dass ich deinen Header (im div search) recht gross finde. Den könnte man ruhig kleiner machen. Einfach beim Elch melden oder nach dem "Elch im Web" suchen :-P

Ich kenn Google Friend Connect nicht (bin kein Fan von Google Anwendungen) aber ich werd mir das morgen abend mal anschauen.

Zitat von derElch

Ich sehe in der CSS Datei dass du Hauptsächlich mit Float arbeitest. Möchtest du nicht lieber die zwei Spalten die du hast auf Position: relative/absolute umstellen?

also das ist jetzt nicht dein Ernst dem Fragenden so etwas zu raten. :shock:

Der Versuch die Elemente mit position:absolute/relative anzuordnen ist unter Anfängern sehr beliebt, weil sie das alles noch nicht so richtig einordnen können.

Zitat von derElch

Nunja du musst einfach wissen dass die Positionsangabe Position: Absolute vom Mutterelement ausgeht. Die Positionsangabe Position: Relative geht vom davor platzierten Nachbarelement aus.

Weiterhin wäre ich dir sehr dankbar wenn du hier nicht so einen Blödsinn posten würdest.

Dein Versuch zu helfen in Ehren, aber es macht wenig Sinn den Fragenden mit komplett falsch verstandenem Wissen in die Irre zu führen.

Zitat von koslowski

Dein Versuch zu helfen in Ehren, aber es macht wenig Sinn den Fragenden mit komplett falsch verstandenem Wissen in die Irre zu führen.

Dem kann ich nur beipflichten. Dieser position:absolute-Wahnsinn geht nach hinten los, wenn man nicht genau weiß, was man tut. Die Ernüchterung kommt meist, wenn man seine Seite mal in anderen Auflösungen als der eigenen sieht, oder wenn der Content wächst. Nichts gegen position, aber es sollte sinnvoll, nicht exzessiv angewendet werden.
Bissl Lesestoff: http://www.css4you.de/position.html

Entschuldigt bitte. Es macht selbstverständlich viel mehr Sinn ein Element um ein anderes "herum fliessen" zu lassen als die zwei Divs absolut vom Elternelement aus zu platzieren. </ironieaus>

Zitat von derElch

Entschuldigt bitte. Es macht selbstverständlich viel mehr Sinn ein Element um ein anderes "herum fliessen" zu lassen als die zwei Divs absolut vom Elternelement aus zu platzieren. </ironieaus>

an dem </ironieaus> sehe ich, das es wohl alles ein riesengroßer Spass für dich ist.

Das wp-Forum ist ein Ort wo den Fragenden kompetent geholfen werden sollte.
Da es dir offensichtlich an der nötigen Kompetenz mangelt, habe ich im Interesse des Fragenden darauf aufmerksam gemacht.
Es steht dir nun frei dir diese Kompetenz durch das Studium geeigneter Fachbücher anzueignen oder auch nicht. Bitte führe den Fragenden aber nicht weiter an der Nase herum.

Zitat von koslowski

das es wohl alles ein riesengroßer Spass für dich ist.

nein eigentlich nicht. Ich helfe mit meinem Wissen und mit meinen erfahrungen.

Wenn dir, lieber Klaus, dies nicht kompetent genug ist mach doch einen professionellen Wordpress Support auf.

Ich mache mir lediglich einen Spass daraus wie ihr auf meine Vorschläge reagiert habt.

Wenn du bereit bist, mir zu sagen was daran falsch ist ein Elternelement mittig auszurichten und von dem aus die Hauptelemente relativ, oder halt absolut zu platzieren bin ich gerne bereit mich besseres belehren zu lassen. Da du aber anscheinend nur in der Lage bist daran herum zu kritisieren und mich als inkompetent abzustempeln, selber aber keinen Gegenvorschlag bringen kannst, werde ich mir diesen "Spass" weiterhin erlauben.

Zitat von derElch

Da du aber anscheinend nur in der Lage bist daran herum zu kritisieren und mich als inkompetent abzustempeln, selber aber keinen Gegenvorschlag bringen kannst, werde ich mir diesen "Spass" weiterhin erlauben.

Vielleicht solltest du wirklich mal ein geeignetes Fachbuch konsultieren, um dich zu informieren, was position:absolute/relative genau macht.

Du weißt es offensichtlich nicht sonst hättest du dieses hier nicht gepostet:

Zitat von derElch

Nunja du musst einfach wissen dass die Positionsangabe Position: Absolute vom Mutterelement ausgeht. Die Positionsangabe Position: Relative geht vom davor platzierten Nachbarelement aus.

Okay, ich korrigiere mal:

Zitat von derElch

Nunja du musst einfach wissen dass die Positionsangabe Position: Absolute vom Mutterelement ausgeht.

Die Positionsangaben vom absoluten Element orientieren sich immer am Initial Containing Block (html), außer eines der Elternelemente hat position:relative. Dann orientiert sich das absolute Element daran.

Zitat von derElch

Die Positionsangabe Position: Relative geht vom davor platzierten Nachbarelement aus.

die Positionsangabe von position:relative bezieht sich auf die ursprüngliche Position des Elementes. Das hat mit dem Nachbarelement nix zu tun.

*break*

Einen Schmarrn nenne ich einen Schmarrn, ob dir das gefällt oder nicht. Das tue ich schon im Interesse des Fragenden.

Zitat von koslowski

Die Positionsangaben vom absoluten Element orientieren sich immer am Initial Containing Block (html), außer eines der Elternelemente hat position:relative. Dann orientiert sich das absolute Element daran.

Nur dass du nicht anderest sagst als ich, ausser dass du erwähnt hast dass das Mutterelement relative positioniert ist. Auf diese Info habe ich gezielt verzichtet, da ihr Mutterelement bereits realtiv positioniert war und daher nicht erwähnenswert war.

Wollen wir auch nicht vergessen dass sie bereits Ahnung von CSS und HTML het und daher eine ausführliche Erleuterung nicht so wichtig war.

Und - damit du nicht wieder rummotzen kannst - habe ich im Vergleich zu dir nicht erwähnt, dass ohne dem realtiven mutterelement es am "Initial Containing Block" (um auch mal mit Fachausdrücken um mich zu werfen) ausgerichtet werden würde.

Zitat von derElch

Wenn du bereit bist, mir zu sagen was daran falsch ist ein Elternelement mittig auszurichten und von dem aus die Hauptelemente relativ, oder halt absolut zu platzieren bin ich gerne bereit mich besseres belehren zu lassen. Da du aber anscheinend nur in der Lage bist daran herum zu kritisieren und mich als inkompetent abzustempeln, selber aber keinen Gegenvorschlag bringen kannst, werde ich mir diesen "Spass" weiterhin erlauben.

Die Aussage giltet weiterhin.

Ich habs im Büro nochmal angeschaut (24'') und funktioniert einwnadfrei.

Ich hab mich grad köstlich amüsiert, aber wie weiter vorn schon gesagt, hat hubspe ääh. koslowski ;) Recht. Und um das Ding noch auf die Spitze zu treiben, würd ich fast wetten (hab mir grad eben erst den Quelltext angesehen, da ich heut morgen keine Zeit dazu hatte) das, wenn statt am CSS rumzuschrauben mal der HTML-Quelltext validiert worden wäre, das Problem im IE auch nicht mehr bestanden hätte. Da brauch ich nicht mal nen Validator zu, um beim reinschauen mit dem ersten Blick zu erkennen, das die Seite die Browser in den Quirksmode schickt.

Zitat von cebito

Ich hab mich grad köstlich amüsiert

Und wenn du dich weniger amysiert hättest und stattdessen meinen ersten Beitrag in diesem Thema gelesen hättest (ganz am Anfang) hättest du gemerkt dass ich auf diese Tatsache bereits hingewiesen habe.

Und du bist kein bisschen besser. Anstatt einfach blöd rumzulabbern und dich zu "amysieren" hättest lieber gesagt was daran falsch ist Absolut/Relative Positionierungen vom Elternelement zu verwenden.

Hatte ich heut morgen gelesen, aber wieder vergessen, hatte dann nur noch die css-diskussion, und mich deshalb nicht mehr dran erinnert, sorry.

Zur Frage, einfaches Beispiel:

<!doctype html>
<html>
<head>
<title>absolute oder lieber nicht</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
    #drumrum{width:600px;margin:0 auto; background:#f00;position:relative;}
    #drin{position:absolute;left:10px;width:200px;background:#0f0;}
    #daneben{margin-left:220px;width:200px;background:#ff0;}
    #danach{width:600px;margin:0 auto; background:#00f;}
</style>
</head>
<body>
    <div id="drumrum">
        <div id="drin">
            text<br />
            text<br />
            text<br />
            text<br />
            text<br />
        </div>
        <div id="daneben">
            text<br />
            text<br />
            text<br />
        </div>
    </div>
    <div id="danach">
        text<br />
        text<br />
        text<br />
    </div>
</body>
</html>

Der absolut positionierte Div beeinflusst durch seine Position nicht mehr die Höhe des Elternelements. Da ich nicht weiß, wie hoch er je nach Inhalt wird, kann ich auch nicht sagen, welche Höhe ich #drumrum geben sollte, oder wo ich denn #danach hinpositionieren sollte. Einzig #daneben hat einen Einfluß auf die Höhe des Elterndiv und dementsprechend auch auf den nachfolgenden #danach, weil er nicht aus dem Dokumentfluss genommen wurde. Das ganze zieht einen Rattenschwanz nach sich, #danach rutscht unter #drin und der Content ist halb verschwunden. Dann geht die Bastelei los, aber wenn der Content von #drin sich ändert, stimmt auch wieder nichts mehr. Ich könnt jetzt natürlich feste Höhen vergeben, aber dann hab ich entweder rauslaufenden Content oder bei overflow:auto; nen Scrollbalken oder nach dem Content riesig Platz, weil er doch nicht so viel ist. Das haut vielleicht alles auf ner statischen Seite hin, wo sich nie was ändert, aber sobald der Content wechselnd mal mehr mal weniger ist wirds problematisch.

Und, last but not least, auch ich bin nicht hier um zu streiten, aber mir ist daran gelegen, den Usern bestmöglich zu helfen, nicht nur irgendwie das gerade bestehende Problem mal schnell zu beheben, wo dann das nächste schon absehbar ist. Das gelingt vielleicht nicht immer, aber ich bemühe mich ;)

In dem Sinne, nichts für ungut und nen schönen Tag noch.