Größe von Background-grafiken!
Größe von Background-grafiken!
ich will mir in photoshop einihe hintergrund bilder selbst erstellen für meine spätere hp, aber was muss ich dabei beachten bezüglich der größe?? wie groß muss die grafik sein wenn sie die hp komplett ausfüllen soll?
das hier ( http://www.8ung.at/madobe/grafik.jpg) ist nur eine probe, bisschen rumexperimentiert, aber wie krieg ich es hin das es so groß ist dass es die ganze seite ausfüllt?
das hier ( http://www.8ung.at/madobe/grafik.jpg) ist nur eine probe, bisschen rumexperimentiert, aber wie krieg ich es hin das es so groß ist dass es die ganze seite ausfüllt?
kacheln sieht bestimmt nicht so dolle aus, daher könntest du die größe abändern. die normale auflösung ist 1024 x 768 pixel und es gibt auch immer spezialisten mit mehr auflösung, sagen wir mal 1600 x 1200 oder so. daher würde ich die grafik auf 1600 x 1200 "vergrößern", wobei dir klar sein muß, dass 90% der user nur den oberen linken teil von 1024 x 768 sehen werden. alternativ kannst du auch die hintergrundfarbe schwarz definieren, nur dann hast du halt bei den 1600 x 1200 usern einen dicken schwarzen balken ohne rotes zeug drauf. die grafik die du jetzt hast sollte aber mind. auf 1024 x 768 hochgezogen werden.
die eigentlich eleganteste lösung ist das zerteilen der grafik in mehrere elemente, die du dann jeweils als hintergrundbilder in variabel große frames oder tabellenzellen einbettest, z.b. linker rand und rechter rand. dann hast du zwar in der mitte bei hohen auflösungen einen schwarzen bereich (farbe definieren!), aber das sieht erfahrungsgemäß am besten aus, da du dort eh inhalte haben wirst.
greetz
--> http://madstudy.blogspot.com
--> http://www.design-wiesbaden.de
Du kannst das Ganze auch mit CSS machen:
[code]
#bgbild {
BACKGROUND: url(bilder/bg.gif) no-repeat left top; WIDTH: 1000px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; HEIGHT: 1000px; text-align: center; MARGIN: 0px 0px 0px 0px;
}
#bild {
TOP: 50px; LEFT: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #660000; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 596px; PADDING-TOP: 0px; position: absolute; HEIGHT: 20px; Z-INDEX:12; text-align: left;
}
}
Das musst Du dann im
einfügen.
[/code]
Ich würde Dir von Tabellen ganz abraten. Das ist nicht mehr zeitgemäß und gibt unheimliche Probleme bei den versch. Browsern. Nimm CSS und positioniere deine Inhalte pixelgenau!!! Geht übrigens auch als mittig. Die Version mit den Divs ist bei den Suchmaschinen auch beliebter, denn da trennst Du den Inhalt von der Form (uiui das ist ja das Gegenteil vom Designethos - fällt mir gerade auf).
Oben hast Du ja einen Beispielcode. Viel Spaß
CSS links:
http://selfhtml.teamone.de/
http://www.drweb.de/verwaltung/index.shtml