Anfängerproblem mit CSS

[topf]

Hallo,

habe als Anfänger mit CSS ein Problem. Die Seite die ich erstelle, ist 940x630px.
Dies habe ich so gelöst.

In einer externen CSS Datei:

div#container
{
   position: absolute;
   left: 50%;
   top: 50%;
   width: 940px;
   height: 630px;
   margin-top: -315px;
   margin-left: -470px;
}

In HTML mit:

<div id="container">

<div id="inhalt">Hier ist jetzt der Inhalt</div>

</div>

Ich möchte den Inhalt im CONTAINER positionieren,
z.B. ein Bild 100px von oben und 100px von links
und es soll in verschiedenen Browsern gleich angezeigt werden.
Bitte helft mir.

Beste Grüsse
Topf

[Bademeister]

Ich möchte den Inhalt im CONTAINER positionieren,
z.B. ein Bild 100px von oben und 100px von links
und es soll in verschiedenen Browsern gleich angezeigt werden.
Bitte helft mir.

Und was klappt nicht, wenn Du es versuchst?

Gruß,
der Bademeister

[Beat]

Ich möchte den Inhalt im CONTAINER positionieren,
z.B. ein Bild 100px von oben und 100px von links
und es soll in verschiedenen Browsern gleich angezeigt werden.
Bitte helft mir.

Und was klappt nicht, wenn Du es versuchst?

Macht man das Fenster kleiner, als sein Container dimensioniert ist, dann helfen alle Scrollbalken nichts.
Da ist ein Grundproblem bei diesem Ansatz.

mfg Beat

[Gunnar Bittersmann]

@@topf:

habe als Anfänger mit CSS ein Problem. Die Seite die ich erstelle, ist 940x630px.

Genau das ist dein Problem. Du weißt nichts über die Bildschirmgröße des Besuchers deiner Seite (die, BTW, sowieso irrelevant ist) und noch weniger über die Viewportgröße (Anzeigebereich des Browsers). Eine Webseite mit vorgegebenen Pixelmaßen ist von vornherein zum Scheitern verurteilt.

Dies habe ich so gelöst.

Löse es anders: flexibles Layout.

und es soll in verschiedenen Browsern gleich angezeigt werden.

Dann stellt sich auch dieses Problem nicht mehr, was sowieso nicht zu lösen ist.

Live long and prosper,
Gunnar

[topf]

Habt Dank für Eure Antworten, werde mir das Ganze neu anlegen.
Gruss Topf