Antworten zum Thema „Zentrierten Inhalten am linken oberen Fensterrand stoppen“

ben3plus · 17.03.2011

Hallo,

ich habe mich hier nun schon eine ganze Weile umgeschaut,
aber keine passende Lösung gefunden.

Mein Problem ist folgendes:

Ich habe einen "main container", der im Browserfenster immer
zentriert wird, horizontal wie vertikal, auch wenn der Benutzer
die Fenstergröße verändert (verringert oder erweitert).
Soweit ist das alles auch gar kein Problem.
Wenn der Benutzer aber die Fenstergröße soweit verringert,
dass der Inhalt nicht mehr ins Fenster passt, läuft mein
"main container"- logischer Weise - in allen Richtungen aus
dem Fensterrahmen.

Benutzer sind es gewohnt, dass Inhalt "verschwindet", wenn
sie ihre Browserfenstergröße verringern. Aber ich denke,
sie sind es auch gewohnt, dass der Inhalt unten und rechts
abgeschnitten wird - mir geht es ja selber auch so.

Meine Frage:

Wie kann ich es festlegen, dass mein "main container" zwar wie
bisher bei variabler Fenstergröße zentriert bleibt, aber beim
Verringern der Fenstergröße weder nach oben noch nach links
aus dem Fenster "geschoben" wird?

Danke schonmal im Voraus.

PS: Ich hab´ da mal was vorbereitet : ...

1. eine Internetpräsenz: 3bplus

1.1 - HTML (-Unnötiges entfernt-)

<body>

<div id="maincontainer">

<div id="flash">..-?-..</div>

<div class="logoindex"><img src="http://www.psd-tutorials.de/forum/images/3b_logo.gif" width="152" height="56" alt="3bplus logo" />
</div>

<div class="infotext"><p>..-?-..</p></div>

</div>

<div id="footer">..-?-..</div>

<script type="text/javascript">

</script>

</body>

1.2 - CSS (-Unnötiges entfernt-)

#maincontainer {
height: 400px;
width: 800px;
border: 1px dotted #333;
margin-top: -200px;
margin-left: -400px;
position: absolute;
left: 50%;
top: 50%;
}
#footer {
height: 35px;
width: 820px;
margin-left: -410px;
margin-bottom: 5px;
position: absolute;
left: 50%;
bottom: 10px;
text-align: center;
background-image: url(images/3bplus-footer-bg-02.png);
padding-top: 25px;
}

.logoindex {
margin-top: 172px;
background-image: none;
margin-bottom: 40px;
}
.infotext {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #333;
text-decoration: none;
margin-left: 51px;
}
#flash {
margin: 0px;
padding: 00px;
float: left;
}

pac_nrw · 17.03.2011

AW: Zentrierten Inhalten am linken oberen Fensterrand stoppen

Versuch es mal mit overflow: hidden; in Verbindung mit min-width;

vg

hubspe · 17.03.2011

AW: Zentrierten Inhalten am linken oberen Fensterrand stoppen

ben3plus schrieb:
Aber ich denke, sie sind es auch gewohnt, dass der Inhalt unten und rechts
abgeschnitten wird - mir geht es ja selber auch so.

das stimmt, aber nur weil die Zahl der schlecht gebauten Websites so unglaublich hoch ist.
Abgeschnittene, unerreichbare Inhalte sind ein nie versiegendes Ärgernis.
Besonders unüberlegtes Einsetzen von overflow:hidden; führt dazu. :rolleyes:

Wozu brauchst du pos. absol., um deine Site zu zentrieren?
Das geht doch auch ohne.

ben3plus · 18.03.2011

AW: Zentrierten Inhalten am linken oberen Fensterrand stoppen

pac_nrw schrieb:
Versuch es mal mit overflow: hidden; in Verbindung mit min-width;

Ich will ja nicht den Scrollbalken verstecken.

hubspe schrieb:
das stimmt, aber nur weil die Zahl der schlecht gebauten Websites so unglaublich hoch ist.
Abgeschnittene, unerreichbare Inhalte sind ein nie versiegendes Ärgernis.
Besonders unüberlegtes Einsetzen von overflow:hidden; führt dazu.

Mir geht es nicht darum, Inhalt zu verstecken.
Dass es genug schlechte Seiten gibt, ist mir
auch bekannt.
Es geht mir darum, dass der Inhalt links oben
am Fensterrand stehen bleibt, wenn dass
Fenster zu klein wird. Ansonsten ist ja der
Inhalt immer im Fenster zentriert.

hubspe schrieb:
Wozu brauchst du pos. absol., um deine Site zu zentrieren?
Das geht doch auch ohne.

Dass kann ich Dir nicht genau sagen, aber erst
dann hatte es funktioniert.
Was für mich interessanter ist, ist Dein Link.
Dort im CSS werde ich wohl meine Antwort
finden.

Danke.