Homepage Größe je nach Fenstergröße angepasst ??
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
angabe
anpassen
anzeigen
auto
bereich
bild
blume
browser
code
container
dank
ergebnis
gestalten
header
hintergrund
http
inhalt
lob
problem
url
-
Hallo,
mit welchem Code kann ich meine Homepage je nach Fenstergröße oder Browser anpassen oder halt automatisch vergrößern (verkleinern) ??
Da ich das Problem habe, dass meine Homepage bei meinen Computer sehr klein angezeigt wird, da ich einen iMac besitze
Und bei meinem Laptop is sie dann perfekt
Vielleicht gibt es da einen Code oder so.
Danke im Voraus
nils -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du müsstest mit prozentualen Werten arbeiten, was aber bei Bildern immer sehr schwer ist, da dieser dann gegebenfalls verzerren!
Beitrag zuletzt geändert: 16.2.2010 10:51:26 von karpfen -
Okay,
Das ist schlecht da mein Layout fast nur aus Bildern besteht
Aber ich kann es ja mal ausprobieren..
Hast du vielleicht eine Website dazu ?? -
Naja, du kannst dein Headerbild ja wie gehabt zentrieren und links und rechts den Hintergrund schwarz halten. Das stellt weniger ein Problem dar. Der Header bzw. dessen Bild wächst halt nicht mit, verzerrt sich aber auch nicht. Problematisch sind da immer nur Headerbilder, die "mitwachsen" müssten. Deshalb ist bei lima ja auch nur links ein Bild, so dass man den grünen Hintergrund rechts davon immer nur wiederholen braucht. Oder einfach als Hintergrundfarbe definiert.
Webseiten gibt es dazu einige:
http://de.selfhtml.org/css/formate/wertzuweisung.htm -
okay
meine roten striche und mein menü und alles sind aber auch bilder
danke ich schau mal nach
-
Moin!
Als erstes solltest Du dich davon verabschieden, dein Layout von Imageready gestalten zu lassen.
Der Aufbau mit aus Slices gebildeten Tabellenelementen nimmt dir jegliche Flexibilität.
Um ein vergleichbares Design zu erhalten, benötigst Du im Prinzip nur ein einziges Bild, das aus dem Header.
Alles ander läßt sich mit CSS gestalten. Dann ist auch eine variable Breite kein Problem mehr.
Das Ergebnis könnte dann z.B. (nur mal ein, noch nicht perfekter Entwurf) so aussehen: http://fatfreddy.lima-city.de/nils.html
Wenn dem Headerbild noch der, durch die slices abgeschnittene untere Bereich hinzugefügt wird, würde es noch besser passen. Das war mir für das Beispiel aber zu aufwändig.
Mit ein wenig php kommst Du für die Inhalte auch ohne iframes aus, aber das wäre der nächste Schritt.
FF
Beitrag zuletzt geändert: 16.2.2010 16:18:28 von fatfreddy -
Moin Moin
Okay hab alles verstanden, aber wie du die Seite mit CSS gamacht hast verstehe ich gar nichts
Wäre klasse wenn du mir den CSS Code schicken könntest 
Spätestens bei meiner nächsten Page versuche ich dann die Slices wegzulassne
Danke im Voraus
nils
Übrigens klasse Entwurf, wie lange hast du dafür gebraucht ??
-
nilsbierwirth1 schrieb:
Okay hab alles verstanden, aber wie du die Seite mit CSS gamacht hast verstehe ich gar nichts
Wäre klasse wenn du mir den CSS Code schicken könntest
Einfach im Browser den Quelltext anzeigen lassen. Da steht alles drin.
Edit: Danke für die Blumen!
FF
Beitrag zuletzt geändert: 16.2.2010 18:48:37 von fatfreddy -
würde das ganze so machen
erstmal einen container mit einer festen breite höhe auf auto. der container hat dann noch folgendes margin: 0 auto;.das zentriert den div beziehungsweise den container. dann musst du inhalt und alles andere einfach nur mit div tags in den container tun. das wäre meiner meinung die beste variante da du ja auch bilder hast.
und noch eine ergänzung ich würde das valide und sauber coden und ein cms verwende dann geht alles einfacher ich empfehle dir cms2day.de verwende ich selber auch
Beitrag zuletzt geändert: 16.2.2010 19:03:02 von maxdes -
fatfreddy schrieb:
Einfach im Browser den Quelltext anzeigen lassen. Da steht alles drin.
Edit: Danke für die Blumen!
FF
okay Danke
werds mal ausprobieren
Und welche Blumen ??
____________________________________________________________________________________________
maxdes schrieb:
würde das ganze so machen
erstmal einen container mit einer festen breite höhe auch auto. der container hat dann noch folgendes margin: 0 auto;.das zentriert den div. dann musst du inhalt und alles andere einfach nur mit div tags in den container tun. das wäre meiner meinung die beste variante da du ja auch bidler hast.
hab das jetzt irgendwie nicht ganz verstanden
-
also^^ quasi so
<div class="container"> <div class="inhalt"> <div class="welcome">Herzlich Willkommen auf maxdes.de</div> <div class="logo"></div> <br class="clear" /> </div> css: #container{ with:900px; margin:0 auto; height: auto; height: 500px; min-height: 500px;}
Beitrag zuletzt geändert: 16.2.2010 19:07:28 von maxdes -
ist ja auch nur ein bespielcode du musst ihn nach deiner seite anpassen
-
fatfreddy schrieb:... variable Breite kein Problem mehr.
Klasse-Entwurf. Aber ich versteh eines nicht. In den CSS-Angaben steht
Das Ergebnis könnte dann z.B. ...so aussehen:
http://fatfreddy.lima-city.de/nils.html
als erstes der Bereich
Wenn ich diesen Teil entferne und die Angaben in den "body"-Bereich* { width: 100%; font-size:100%; margin:0 auto; padding: 0; }
übernehme, entsteht ein zusätzlicher oberer Rand von einigen Px.
Wie kommt das ? (Das Sternchen-Element kannte ich bis jetzt nicht.) -
nilsbierwirth1 schrieb:
Und welche Blumen ??
Da ist wohl ein Beitrag von e-denzel, voll des Lobes für mein kleines Layout , gelöscht worden. Für dieses Lob habe ich mich bedankt.
Maxdes zeigt dir mit seinem Code eigentlich nur eine, auf den umfassenden Bereich beschränkte, Idee für dein Weblayout. In meinem Beispiel findest Du Vergleichbares. Allerdings gehe ich einen anderen Weg und definiere keine feste Breite, sondern halte mich an deine Frage nach einem dynamischen Layout. Habe es dreisterdings, für den Selector"page", einfach auf 80% eingestellt.
maxdes schrieb:
und noch eine ergänzung ich würde das valide und sauber coden und ein cms verwende dann geht alles einfacher ich empfehle dir cms2day.de verwende ich selber auch
Mein Beispiecode ist valide. Ein CMS zu verwenden wäre durchaus sinnvoll, wenn sich die Inhalte der Website regelmäßig in größerem Umfang ändern. Ansonsten reichen win paar kleine php-Files.
e-denzel schrieb:
In den CSS-Angaben steht als erstes der Bereich
Wenn ich diesen Teil entferne und die Angaben in den "body"-Bereich* { width: 100%; font-size:100%; margin:0 auto; padding: 0; }
übernehme, entsteht ein zusätzlicher oberer Rand von einigen Px.
Wie kommt das ? (Das Sternchen-Element kannte ich bis jetzt nicht.)
Jeder Browser definiert eigene Ausgangsparameter, die ich mit dem *-selector überschreibe. Ich setze quasi die Basiseinstellungen erst einmal zurück und habe damit einen definierten Augangspunkt für weitere CSS-Vorgaben.
FF
Beitrag zuletzt geändert: 17.2.2010 1:27:52 von fatfreddy -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
