CSS

Hallo!

Ich möchte eine Website gestalten die bei jeder Auflösung gleich aussieht. Jetzt habe ich mir gedacht, dass ich die Schriftgröße, die Größe der Bilder etc. in Prozent angebe.

Ich hätte allerdings gerne gewusst wieviele Pixel ein Prozent sind.

MfG CSS

Mister Ad

Mag ja sein, dass ich mich irre, aber: Prozent = Teil der Gesamtgröße, oder nicht?

Also bei 1024px 10% = 102,4 bei 800px sind's nur 80...

Daher wird eine konkrete Aussage schwierig

agrajag

YMMD!
<root>
<element1>test</element1>
</root>


Angenommen das übergeordnete Element (<root>) hat 100px und du gibst jetzt dem Element da drin (<element1>) eine Weite von 100% dann ist element1 100px weit (also 1px ~ 1 %).
Wenn root aber nur 50px groß ist und du gibst element1 eine Weite von 100% ist element1 50px breit (also 1px ~ 2%)
Wenn root 1px groß ist und element1 100% dannist element1 1px breit (also 1px ~ 100%)
usw. usf.

Ich hoffe dir ist klar geworden wo dein Denkfeher liegt.

__________________
Today you...Tomorrow me.

CSS

Ich "entwickle" unter einer Auflösung von 1024*768px.

Du schon, aber welche Auflösung benutzen die User Deiner Seite? Kann höher sein, aber auch niedriger...

CSS

Ja, aber wenn ich alles in Prozent angebe, sieht die Website immer gleich aus.

MfG CSS

Wie schon gesagt: Bei DIR. Aber bei einer anderen Auflösung Prozentangabe = anderes Ergebnis... siehe obiges Beispiel...

CSS

Da ist was dran, aber wie kann ich eine Website dann an jede Auflösung anpassen?

MFG CSS

Lösungsansätze:

* Auflösung per JS ermitteln, individuelle CSS für jeweilige Auflösung bereitstellen
* festen Kernbereich (z. B. 600 * 600) erstellen und zentriert im Browserfenster darstellen

CSS

Aber wie zentriere ich das Ganze?

MfG CSS