Optimierung: Widescreen

Beitrag von **Hobby_SEO79** » 02.10.2008, 23:32

Hat zwar weniger mit SUMA-Optimierung zu tun, aber ist hier denk ich mal dennoch interessant!

Hab ne Seite mal meiner Freundin vorgestellt und die wird nicht zentral in den Browser eingerückt [eigentliche Seiteninhalt]. Also geht alles von links oben aus mittels margin.

Sie meinte nun, dass ihr WIDESCREEN den halben Bildschirm weiss malt (Hintergrundfarbe so definiert)!

Finde das besucherunfreundlich!

Was kann man machen?

Meine Idee:
Man definiert ein Hintergrundbild (fest) was den Bildschirm ausfüllt und die relevanten inhaltlichen Änderungen trotz definierter Struktur nur dann in der linken Hälfte funzen.

Problem:
Da kanns die Grafik mal locker auf 100-200 KB schaffen .... für den Seitenaufbau hinsichtlich Ladegeschwindigkeit tödlich!

Oder irre ich mich?
Was wären die Alternativen?

von **Anzeige von ABAKUS** »

Beitrag von **r-alf** » 02.10.2008, 23:35

warum schickst du den content nicht in die Mitte?

Beitrag von **Hobby_SEO79** » 02.10.2008, 23:39

r-alf hat geschrieben:warum schickst du den content nicht in die Mitte?

Kann ich machen.
Werd ich sicher auch!

Abeer da hat man immer noch 50% Weis!

Geht mir hier eher mal ums Eruieren ob man dann mal besser mit großen Grafiken arbeitet im background oder doch nur center bleibt

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **r-alf** » 02.10.2008, 23:48

Du musst doch nicht mit absoluten Angaben arbeiten! Du kannst doch die Anzeige auch der Browserausgabe anpassen mit relativen Werten im css. Vieleicht verstehe ich Deeine FRage auch nicht richtig

Beitrag von **Hobby_SEO79** » 02.10.2008, 23:51

r-alf hat geschrieben:Du musst doch nicht mit absoluten Angaben arbeiten! Du kannst doch die Anzeige auch der Browserausgabe anpassen mit relativen Werten im css. Vieleicht verstehe ich Deeine FRage auch nicht richtig

Schau mal auf meinen Post hier:
https://www.abakus-internet-marketing.d ... 63269.html

kann sein, dass ich bei diesen Zusammenhängen bisher die komplett falsche Strategie fahre. hab mir auch nur alles angelesen und selbst probiert.

Mag sein, dass es für einige Hasen hier aufgrund deren Weg (programmierkenntnisse) total lachhaft ist, aber ich mit meinem aufbauenden, situationsorientierten Wissen kann das nicht einschätzen.

Beitrag von **r-alf** » 03.10.2008, 00:01

Auch in "Mein neues Projekt:
https://www.perfekte-website.de "

gibst du zum Beispiel Tabellen absolute Werte (width="271") versuch mal was relativ also mit % hinzubekommen und das ambesten über die css.

Beitrag von **Hobby_SEO79** » 03.10.2008, 00:15

r-alf hat geschrieben:Auch in "Mein neues Projekt:
[...]

gibst du zum Beispiel Tabellen absolute Werte (width="271") versuch mal was relativ also mit % hinzubekommen und das ambesten über die css.

Stimmt!

Beitrag von **Gamling** » 03.10.2008, 00:34

Also ich mache meistens Designs die auf 1024 optimiert sind und dann dort etwa 10-20px Rahmen haben, auf 1280 sieht das dann auch gut aus, um das auch für Widescreen hübsch zu gestalten mache ich unten aufgeführte bgs rein.

Beispiele (nicht von mir, sondern irgendwelche Webdesignagenturen):

schlicht
mit brushes drin und 2 farbig- argh flash nervt
zweifarbig mit hervorgehobenem Content
nochmal 2farbig mit hervorgehobenem Content (Und nein ich bin nicht M*vin *ist*au)

So ungefähr mache ich das, dann wirkt das nicht so verloren.

Beitrag von **catcat** » 03.10.2008, 09:40

Hobby_SEO79 hat geschrieben:...

Meine Idee:
Man definiert ein Hintergrundbild (fest) was den Bildschirm ausfüllt und die relevanten inhaltlichen Änderungen trotz definierter Struktur nur dann in der linken Hälfte funzen.

Problem:
Da kanns die Grafik mal locker auf 100-200 KB schaffen .... für den Seitenaufbau hinsichtlich Ladegeschwindigkeit tödlich!

Oder irre ich mich?
Was wären die Alternativen?

Ich würde den Content schon zentrieren.
Zu der BG Grafik: Du brauchst ja kein JPG mit 1800x5000px... oder sowas in der Art.
Es genügt ja ein dezentes Bildchen, das sich an den Seiten wiederholt und nach unten zu verblasst.
oder nur einen Farbverlauf bis zur Mitte des ersten Monitors, der dann in die definierte Hintergrundfarbe übergeht. So brauchst Du nur ein GIF mit 1x500px (ca.)
(Beispiel: Du definierst den Background in grau. Dann legst Du an beiden Seiten des Contents dieselbe 1x500px GIF Grafik oben an; die fängt zB mit schwarz an und hat nen Verlauf zu demselben Grau wie Dein BG.
Du musst nur nen DIV-Container um Deinen gesamten Content zu schreiben und definierst da die BG-Grafik. Das umschliesst Du nochmal mit nem DIV-Container, der die Hintergrundgrafik definiert.)