Hallo, aufgrund eines Problems (Projekt-Abgabe ist demnächst) benötige ich sachkundige Hilfe!
Bestimmt gibt es genau die Lösung für mein Problem hier irgendwo, leider fehlt mir wirklich die Zeit hunderte Posts zu lesen...
Ich schildere also kurz mein Anliegen und hoffe hier den ein oder anderen Fuchs zu treffen, der mir verbindliche Aussagen dazu machen kann.
Wer Web-Siten kreiert und konzipiert hat immer das Problem mit unterschiedlichen Rechnern, Betriebssystemen, Monitoren, Bildschirm-Auflösungen, Viewports usw....
Seine Seite auf den verschiedensten Endgeräten und Betrachtungsgewohnheiten auch nur annähernd gleich aussehen zu lassen ist eine echte Kunst!
Daher folgende topics:
Wie kann ich Bilder, Grafiken, Buttons usw. nicht nur an deren Inhalt oder Umgebung anpassen, sondern an die samte Site!?
Bsp: Ein Logo im header hat feste Maße (250px x 250 px), genauso die Schrift in der Navigationsleiste auf den Buttons (1.4 em).
Auf 600 x 800 Bildschirm-Auflösung sieht das niedlich und gestaucht aus (von der miesen Schärfe und Qualität jetzt mal komplett abgesehen) schaut man das Layout auf einer 1920 x1080 Auflösung an sind die Buchstaben winzig und die Bilder ebenfalls. Zwar stimmen die äußeren Abstände des images an dem umgebenden container (padding/margin) aber der Platz dazwischen ist gigantisch leer und öd!
Wie kann man die prozentuale Aufteilung und Umsetzung des Layout samt Schrift und bilder beibehalten? Übrigens: Ich nutze Prozentwerte- damit kann man prima die Größe und Ausdehnung bestimmen....
Hier 2 screenshots als Beispiel!
Danke für eure Hilfe im Vorfeld
L'mate
PS: Leider funktioniert der upload-manager nicht...:-(
Bestimmt gibt es genau die Lösung für mein Problem hier irgendwo, leider fehlt mir wirklich die Zeit hunderte Posts zu lesen...
Ich schildere also kurz mein Anliegen und hoffe hier den ein oder anderen Fuchs zu treffen, der mir verbindliche Aussagen dazu machen kann.
Wer Web-Siten kreiert und konzipiert hat immer das Problem mit unterschiedlichen Rechnern, Betriebssystemen, Monitoren, Bildschirm-Auflösungen, Viewports usw....
Seine Seite auf den verschiedensten Endgeräten und Betrachtungsgewohnheiten auch nur annähernd gleich aussehen zu lassen ist eine echte Kunst!
Daher folgende topics:
Wie kann ich Bilder, Grafiken, Buttons usw. nicht nur an deren Inhalt oder Umgebung anpassen, sondern an die samte Site!?
Bsp: Ein Logo im header hat feste Maße (250px x 250 px), genauso die Schrift in der Navigationsleiste auf den Buttons (1.4 em).
Auf 600 x 800 Bildschirm-Auflösung sieht das niedlich und gestaucht aus (von der miesen Schärfe und Qualität jetzt mal komplett abgesehen) schaut man das Layout auf einer 1920 x1080 Auflösung an sind die Buchstaben winzig und die Bilder ebenfalls. Zwar stimmen die äußeren Abstände des images an dem umgebenden container (padding/margin) aber der Platz dazwischen ist gigantisch leer und öd!
Wie kann man die prozentuale Aufteilung und Umsetzung des Layout samt Schrift und bilder beibehalten? Übrigens: Ich nutze Prozentwerte- damit kann man prima die Größe und Ausdehnung bestimmen....
Hier 2 screenshots als Beispiel!
Danke für eure Hilfe im Vorfeld
L'mate
PS: Leider funktioniert der upload-manager nicht...:-(