Optimierung der Homepage für Bildschirmgrößen
- Ersteller CHATI
- Erstellt am
René Weber
Legendäres Mitglied
SirRuddy
Mitglied
Hallo!
Um diese Frage zu beantworten muss man erst einmal klären, was man unter "volle Größe" versteht. Hierbei sollte man mal darauf achten welche Größen überhaupt so von den Usern verwendet werden. Zur Zeit spricht man bei Standardauflösung von 1024x768 pixel. Es gibt allerdings (vorwiegend ältere Leute/Rechner) auch viele die noch mit 800x600 pixel unterwegs. Nicht zu vergessen Apple-User die erst bei 1152x864 pixel anfangen. Der Hintergrund ist: Es gibt in jedem Layout (sei es auch noch so dynamisch) immer eine mindest Breite, in der Regel begrenzt durch das größte Bild, das längste Wort oder eine Angabe bezüglich Tabellen-oder Zellenbreite. Das sollte die Ausschlaggebende Größe sein die Du beachten musst.
Ansonsten Gliedere einfach Deine Inhalte in ein Layout-Raster das Du mit Hilfe einer unsichtbaren Tabelle anlegst. Lege gemäß Deines Layouts ein paar Spalten an (z.B. eine für die Navigation, links; eine für den Hauptinhalt, mitte; und eine rechts für eventuelle News. Setze die Tabellenbreite auf 100% und füge Deine Inhalte in die Zellen ein. Jetzt solltest Du nur noch darauf achten, dass die Inhalte eine Gesamtbreite von 800 Pixel nicht überschreitet. - Dann haben eigentlich alle was von Deinen Seiten.
Beispiel: width BILD_1+2+3 = 800 pixel
Hau das doch mal in Deinen HTM-Editor, dann wird bestimmt klarer was meine
QUOTE <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="BILD_1.gif" alt="" height="32" width="200" border="0"></td>
<td><img src="BILD_2.gif" alt="" height="32" width="450" border="0"></td>
<td><img src="BILD_3.gif" alt="" height="32" width="150" border="0"></td>
</tr>
</table>
Nachtrag: Da für die Scroll-Leiste und den Rahmen des Browsers auch noch ein paar Pixel drauf gehen, ist es besser sich sogar für eine Breite von nur etwa 740 pixel zu entscheiden. - Ich dachte nur mit 800 pixel ist es etwas vertändlicher.
Gruß
SirRuddy
Um diese Frage zu beantworten muss man erst einmal klären, was man unter "volle Größe" versteht. Hierbei sollte man mal darauf achten welche Größen überhaupt so von den Usern verwendet werden. Zur Zeit spricht man bei Standardauflösung von 1024x768 pixel. Es gibt allerdings (vorwiegend ältere Leute/Rechner) auch viele die noch mit 800x600 pixel unterwegs. Nicht zu vergessen Apple-User die erst bei 1152x864 pixel anfangen. Der Hintergrund ist: Es gibt in jedem Layout (sei es auch noch so dynamisch) immer eine mindest Breite, in der Regel begrenzt durch das größte Bild, das längste Wort oder eine Angabe bezüglich Tabellen-oder Zellenbreite. Das sollte die Ausschlaggebende Größe sein die Du beachten musst.
Ansonsten Gliedere einfach Deine Inhalte in ein Layout-Raster das Du mit Hilfe einer unsichtbaren Tabelle anlegst. Lege gemäß Deines Layouts ein paar Spalten an (z.B. eine für die Navigation, links; eine für den Hauptinhalt, mitte; und eine rechts für eventuelle News. Setze die Tabellenbreite auf 100% und füge Deine Inhalte in die Zellen ein. Jetzt solltest Du nur noch darauf achten, dass die Inhalte eine Gesamtbreite von 800 Pixel nicht überschreitet. - Dann haben eigentlich alle was von Deinen Seiten.
Beispiel: width BILD_1+2+3 = 800 pixel
Hau das doch mal in Deinen HTM-Editor, dann wird bestimmt klarer was meine
QUOTE <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="BILD_1.gif" alt="" height="32" width="200" border="0"></td>
<td><img src="BILD_2.gif" alt="" height="32" width="450" border="0"></td>
<td><img src="BILD_3.gif" alt="" height="32" width="150" border="0"></td>
</tr>
</table>
Nachtrag: Da für die Scroll-Leiste und den Rahmen des Browsers auch noch ein paar Pixel drauf gehen, ist es besser sich sogar für eine Breite von nur etwa 740 pixel zu entscheiden. - Ich dachte nur mit 800 pixel ist es etwas vertändlicher.
Gruß
SirRuddy