Container zentrieren

[maurice]

Hallo zusammen!

ich habe folgendes Problem:

ich habe eine Seite gebaut, wo ich mehrere Content-DIVs in einen Hauptcontainer eingebaut habe.

Jetzt möchte ich den Container auf dem Bildschirm zentrieren, egal welche Bildschirmauflösung vorhanden ist.

Mein CSS sieht so aus:

  
 body  
 {  
  background-color: #000000;  
  color: #FFFFFF;  
  margin: 0em;  
  padding: 0em;  
  font: 13px Verdana;  
  text-align: justify;  
 }  
 #container  
 {  
  border: 0px dashed;  
  margin-left: auto;  
  margin-right: auto;  
  padding: 0em;  
  text: #000000;  
  width: 1000px;  
 }  
  
 #header  
 {  
  border: 0px dashed;  
  margin: 0em auto;  
  padding: 0em;  
  width: 1000px;  
  height: 190px;  
 }  
  
 #content  
 {  
  border: 0px dashed;  
  border-color: #FFFFFF;  
  margin: 0em auto;  
  padding: 0em;  
  width: 1000px;  
 }  
  
 #footer  
 {  
  border: 0px dashed;  
  margin: 0em auto;  
  padding: 0em;  
  height: 45px;  
  width: 940px;  
 }  
  

Kann mir jemand helfen?

Lieben Gruß

Maurice

[Gunnar Bittersmann]

@@maurice:

Jetzt möchte ich den Container auf dem Bildschirm zentrieren, egal welche Bildschirmauflösung vorhanden ist.

Das dürfte kaum gehen, weil du nicht weißt, an welcher Position sich das Bowserfenster auf dem Bildschirm befindet.

<leier alter="alt">
Die Bildschirmauflösung ist für einen Webseitenautor irrelevant.

Die Auflösung hat nichts mit der Größe des Anzeigebereichs im Browser (Viewport) zu tun. Manche Nutzer haben den Browser nicht im Vollbildmodus, manche haben Sidebars ...
</leier>

Kann mir jemand helfen?

Bei welchem Problem jetzt genau?

Live long and prosper,
Gunnar

[maurice]

Bei welchem Problem jetzt genau?

Vllt hab ich mich nich genau ausgedrückt...Ich möchte IM BROWSERFENSTER ;) den Container im Body zentrieren.

also wenn jetzt jemand nen widescreen hat, dass der nich am linken rand klebt sondern auch mittig ist. genauso wenn jemand nen kleinen bildschirm hat.

[Gunnar Bittersmann]

@@maurice:

Vllt hab ich mich nich genau ausgedrückt...Ich möchte IM BROWSERFENSTER ;) den Container im Body zentrieren.

Welchen? Und welcher von diesen sollte bei 'margin: auto' nicht mittig sitzen? Wie wär’s mit’m Link zu deiner Testseite?

Live long and prosper,
Gunnar

[maurice]

Welchen? Und welcher von diesen sollte bei 'margin: auto' nicht mittig sitzen? Wie wär’s mit’m Link zu deiner Testseite?

Es geht um den 'Container'. der soll mittig sitzen.
Der Link zu der Seite ist www.luxus4rent.de

[Ingo Turski]

Hi,

Es geht um den 'Container'. der soll mittig sitzen.
Der Link zu der Seite ist www.luxus4rent.de

wo ist das Problem? Auf dieser Seite ist er doch zentriert.
Falls man den Link zur index2.html findet, sieht's dort natürlich in normalbreiten Fenstern arg übel aus...

freundliche Grüße
Ingo

[maurice]

Falls man den Link zur index2.html findet, sieht's dort natürlich in normalbreiten Fenstern arg übel aus...

Hups, ja hatte grade was getestet, was aber nicht funktioniert hat :S
jetzt hab ich das wiedr behoben, jetzt siehts wieder normal aus.

um die Startseite gehts auch nicht, sondern um die anderen Seiten, die erste Seite ist ja nur das Intro.

Ist das bei euch alles zentriert?

Ein Problem ist auch noch, dass bei den Mietverträgen im INternet Explorer das teilweise verschoben ist.

Bsp.:

http://luxus4rent.de/bestellen/bestellen_moschino_fluffy.php

Vielen Dank für die bisherigen Antworten!

Lg Maurice

[EKKi]

Mahlzeit maurice,

um die Startseite gehts auch nicht, sondern um die anderen Seiten, die erste Seite ist ja nur das Intro.

Wenn nach einem Link zu einer Testseite gefragt wird, dann gib bitte auch eine entsprechende URL an und kein "Intro" oder sonstigen Müll - Du willst schließlich, dass man Dir bei einem Problem hilft, oder nicht? Dann ist es nicht sehr nett und spornt potentielle Helfer nicht gerade an, wenn sie sich durch irgendwelche Seiten klicken müssen oder das Gefühl bekommen, als "Besucher-Dummvieh" missbraucht zu werden.

Ein Problem ist auch noch, dass bei den Mietverträgen im INternet Explorer das teilweise verschoben ist.

Bsp.:

http://luxus4rent.de/bestellen/bestellen_moschino_fluffy.php

Kein Wunder, bei invalidem HTML: Sorry! This document can not be checked. (bzw. bei der Behandlung als ISO-8859-15, da Dein UTF-8 Schrott ist: 197 Errors, 3 warning(s))

MfG,
EKKi

[maurice]

Kein Wunder, bei invalidem HTML: Sorry! This document can not be checked. (bzw. bei der Behandlung als ISO-8859-15, da Dein UTF-8 Schrott ist: 197 Errors, 3 warning(s))

Hm wollte euch nciht als Tester missbrauchen...:S

Wie beheb ich den UTF-8- Fehler?

lg maurice

[EKKi]

Mahlzeit maurice,

Hm wollte euch nciht als Tester missbrauchen...:S

Dann jage Deine Seiten zukünftig erst durch den Validator und zeige sie hier dann, wenn sie technisch fehlerfrei sind und trotzdem nicht funktionieren. :-)

Wie beheb ich den UTF-8- Fehler?

Schreibe in Deine Datei(en) nur UTF-8 hinein.

MfG,
EKKi

[Ingo Turski]

Hi,

Falls man den Link zur index2.html findet, sieht's dort natürlich in normalbreiten Fenstern arg übel aus...

Hups, ja hatte grade was getestet, was aber nicht funktioniert hat :S
jetzt hab ich das wiedr behoben, jetzt siehts wieder normal aus.

nur solange man nicht mindestens bei 1024er Auflösung das Browserfenster maximiert hat.

freundliche Grüße
Ingo

[Gunnar Bittersmann]

@@maurice:

#container
{
  text: #000000;

'text' ist keine CSS-Eigenschaft.

width: 1000px;

Was ich davon halte ...

Live long and prosper,
Gunnar