Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.
Div Layer richtig zentrieren?
Hallo, ich verzweifle und finde einfach keine richtige Antwort.
Ich habe um mein komplettes Webseiten Layout Ein Div-Layer, dass die Seite horizontal mittig zentriert.
Klappt auch alles wunderbar, nur das altbekannte Problem:
Wenn die Auflösung kleiner ist als das Div, dann schneidet er einen Teil ab, weil die Mitte nicht mehr richtig definiert wird.
#page{
position: absolute;
left: 50%;
top: 50px;
width: 970px;
height: 700px;
margin-left: -485px;
}
Wie löse ich das Problem ? :(
#page{
margin: auto;
margin-top: 50px;
width: 970px;
height: 700px;
}
funktioniert nicht
2 Antworten
- topLv 6vor 1 JahrzehntBeste Antwort
Probier mal:
#page{
margin: auto;
margin-top: 50px;
width: 100%;
height: 700px;
}
Wenn du die Breite auf 100% setzt kannst du die Seite vergrössern und verkleinern ohne dass etwas abgeschnitten wird. Ich kenn natürlich deine Seite nicht und weis nicht, ob das zu deinem Design passt.
Aber warum willst du das unbedingt mit nem Layer machen? Mit Layern wirst du immer Probleme haben. Besser und einfacher wäre es, einfach eine unsichtbare Tabelle zu verwenden.
Oder du kannst das auch so lösen, wenn du unbedingt einen Layer haben willst:
#page{
margin: auto;
margin-top: 50px;
width: 100%;
height: 700px;
}
<table width="940" height="700" border="0" align="center">
<tr>
<td>Inhalt deiner Homepage</td>
</tr>
</table>
Aber dann kannst dir deinen Layer eigentlich auch gleich sparen.
Und wenn du es richtig kompliziert haben willst und unbedingt nur deinen Layer zentrieren willst, dann geht das natürlich auch. Aber ich werd mir das nicht antun. Schau einfach auf diesen Link:
