Variable Breite

[andy911sl]

Ich habe seinerzeit, beim Erstellen meiner Seite
www.gerwin-oberflaechentechnik.de
eine feste Breite definiert. Bei Höheren Auflösungen sieht das nun recht bescheiden aus.
Besteht die Möglichkeit die Breite automatisch anzupassen, ohne das ganze Design
kapttzumachen.
Vielen Dank.

 

[Aaron3219]

In diesem Falle wirst du mit Prozenten und max-width arbeiten müssen.
Damit die Seite einen nicht "erschlägt" bei höheren Auflösungen, empfehle ich eine max-width festzulegen (z.B.: max-width: 1350px).
Dann kannst du bei width: z.B. 95% eintragen.
Den Effekt wirst du bemerken, wenn du dein Fenster größer und kleiner ziehst.
Allerdings wirst du wohl einige Teile deiner Seite umstylen müssen, da diese nicht automatisch für ein responsive Design ausgelegt sind.

 

[Felixprogram]

Wäre auch Vorteilhaft, wenn die Seite auch auf dem Handy bzw. allgemein Mobilgeräten gut aussehen würde, nicht nur, wie eine verkleinerte Version der Seite auf dem Computer.
Man sollte nicht vergessen, dass heutzutage die meisten eher am Handy sind.

Grüße,
Felixprogram

 

[Aaron3219]

Und damit nicht weitere Fragen zum Thema responsive-Design für Handys (ggf. auch PC) entstehen, empfehle ich dir außerdem, dich mit media-queries zu befassen. Damit solltest du schonmal weit kommen.

 

[Felixprogram]

Damit die Handyansicht danch nicht noch immer verkleinert aussieht würde ich zudem die Verwendung folgender Meta empfehlen (falls nicht vorhanden):

<meta name="viewport" content="width=device-width, initial-scale=1">

Grüße,
Felixprogram

 

[MrMurphy]

Hallo

Besteht die Möglichkeit die Breite automatisch anzupassen, ohne das ganze Design
kapttzumachen.

Ganz deutlich: Nein.

Der Quelltext enthält abenteuerliche Konstruktionen, die nur mit einem starren Layout funktionieren.

Abstände durch mehrere aufeinanderfolgende br-Elemente sind da noch relativ harmlos.

Aber zum Beispiel das Wort "Unterboden-schutz" mit einem manuellen Trennungstrich (auf der Startseite) so einzupassen funktioniert natürlich nur bei einer starren Breite.

Es ist sinnvoller, einfacher und schneller die Seite komplett neu zu erstellen und dabei gleich auf aktuelles HTML und CSS umzustellen. Der Inhalt ist ja bereits vorhanden.

Gruss

MrMurphy

 

[Aaron3219]

Ich bin zwar nicht Mr Murphy, aber ich kann es auch erklären ;)
Schau dir mal die Sidebar an. Sie ist mit left gefloatet. Das heißt main-pic ist dementsprechend rechts rangehängt, ohne es floaten zu müssen (Prinzip: Text um ein Bild rumlegen). Da das Bild aber ja nicht im Text sein kann, kommt diese Linke Fläche zusammen, die weder margin, noch padding ist: