Probleme bei Bildschirmauflösung einer neu erstellten Homepage – Htmlseiten werden na

Unregistriert

Hallo!

Kann mir vielleicht Jemand weiterhelfen?

Hab folgendes Problem mit der Bildschirmauflösung.

Eine neu erstellte Homepage von mir wird mit der Bildschirmauflösung 1280 x 800 Pixel richtig dargestellt.

Ändert man die Bildschirmauflösung (bzw. wenn die Homepage im Netz ist, dann haben anderer User zum Teil
andere Bildschirmauflösungen) dann verschieben sich die Homepageseiten nach rechts bei z.B. einer Bildschirm-
auflösung von 1024 x 768 Pixel und die Darstellung der Seiten wird zusätzlich noch unscharf.

Was muss ich machen, damit die Homepage bei allen Bildschirmauflösungen richtig, am besten in der Mitte des
Bildschirm zentriert, dargestellt wird.?

Hilft hierbei vielleicht CSS-Programmierung? Wenn ja, wie muss der CSS-Code sein?

Danke!

Gruss
TB1975

threadi

CSS solltest Du sowieso schon jetzt verwenden, da CSS genau für sowas gedacht ist: Gestaltung und Design. Wenn Du eine Homepage variabel anpassbar machen willst musst Du generell prozentuale/relative Werte für Breiten und Höhen verwenden. Das geht aber lange nicht mit jedem Design.

Sensei

du musst drauf achten, dass kein div breiter ist als 1000px und dann einfach centern dann wird es bei jeder bildschirmauflösung richtig dargestellt

driver

@ sensei
du meinst breiter....

@ gast
zentrieren kannst des ganze, indem du einen großen div-container um
die ganze seite machst, dem ne id gibst (z.b. page) und dann im css
definierst

Code

#page {
    position:absolute;
    margin-left:-500px;
    left:50%;
    width:1000px;
}

(der wert bei margin-left is immer width/2 *-1)

Sensei

stimmt ich habe natürlich breiter gemeint.

wenn du das mit container außen rumm machst, mach sicherheitshalber auch nochmal:

Code

body{
                   margin:0px;
                   padding:0px;

driver

da würd ich dann eh allgemein machen

Code

* { margin:0px; padding:0px; }

Unregistriert

Hallo,

danke für Deinen Tipp. Leider funktioniert es so auch nicht.

Welche Möglichkeiten gibt es sonst noch, um das Problem zu beheben?

Gruß
TB1975

sejuma

Um das Problem genau zu beurteilen können, bräuchte man einen Link zur Seite.
Ich vermute, dass du absolute Positionierungen verwendest, die überflüssig sind.

Ein zentriertes Layout mit fixer Breite ist der richtige Ansatzpunkt.
Allerdings hat die Methode von Driver den Nachteil, dass bei kleinerem Viewport Inhalte verschwinden. Horizontal zentrieren deshalb besser so.

Tags