Inhalt bestehend aus DIVs zentrieren.

Hi,

Ich habe ein kleines Problem.
Ich möchte eine bestehende Seite zentrieren und sehe gerade das es doch nicht so einfach ist wie angenommen.

Anbei der IST und der SOLL Zustand.
[ATTACH]243.vB[/ATTACH]

Hat jemand eine Idee wie ich es am einfachsten Lösen kann?

Ich könnte das natürlich alles in Tabellen zurück wandeln und ein TD zentrieren aber gibt es da nicht auch eine einfachere Möglichkeit?

Anbei mal der Code:

[HTML]

HDT Hanseatische Datentechnik - IT-Dienstleistung: Systemhaus, Service-Management, IT-Security
[/HTML]

[COLOR=„Red“]MOD EDIT: Code Tag editiert. Bitte Forenregeln lesen. (Corvulus)

Pack doch deinen gesamten Code ncoh einmal in einen DIV und dann mit align=„center“ ausrichten.

Gruß Corvulus

geht leider nicht

Das habe ich auch schon ausprobiert…
Leider geht das nicht.

Und sorry für den Code…

Kein Thema, wie hast du das denn gemacht? Du musst ja eigendlcih nur den Ausgabeteil da rein setzen. Hast du davon vielleciht nen Code? So muss es auf jeden fall klappen.

Corvulus

schön wäre es aber leider geht es nicht.
Versuch es mal… Nimm dir mal den Code und setzt ihn in ein Dokument in Firefox oder Safarie geht da leider nix.

  1. Div ausen rum mit margin-left:auto;margin-right:auto;
  2. Div ausen rum mit width:100%;text-align:center;

Beide Divs Sollten in allen Browsern den Inhalt zentrieren. Die absolute Positionierung muss dann aber bei den anderen Weg, also entweder relative oder mit float arbeiten.

Ich mach es ähnlich wie oben schon gesagt.
Hier der Code:
[html]

body { text-align:center /* Für den IE */ } #main { position:absolute; top:0px; left:0px; width:100%; height:auto; /* Damit es sich auch ausdehnt */ border:0px; text-align:center; } div { margin-left:auto; margin-right:auto; } /* Zentrierte Container */ #div1 { width:XXpx; height:XXpx; border:XXpx; text-align:left; /* Evtl. noch mehr ? */ }
Div 1 zentriert
[/HTML] So sieht es aus, einfach umgesetzt in meine Aufstellung.

MfG, matibaski