Ich habe mein erstes Websitedesign gerade fertiggestellt und habe nun folgendes Problem:
Ich habe die Website bei Photoshop CS2 in einem 1024x768 Fenster gebaut.
Wenn ich das Design jetzt mal als Website speicher, und dann die HTML-Datei öffne, ist der Bildschirm nicht ganz mit der Seite ausgefüllt... Ich habe nämlich eine andere Auflösung: 1280x1024!
Allerdings werden alle anderen Websites, die normalerweise für 1024x768 optimiert sind auch über den ganzen Bildschirm gestreckt und normal bei mir dargestellt.
Der Hintergrund mit den horizontalen Streifen soll ganz normal über die ganze Seite gestreckt werden, und das Hauptfenster (header, content und navi) soll dann halt mittig im Fenster sein...
Ich hoffe, dass ihr mein Problem versteht...
Kann mir da vielleicht jemand helfen bzw erklären, was ich ändern muss?
Vielen Dank für eure Hilfe...
This post has been edited 1 time(s), it was last edited by hemkekay: 05.06.2007 13:09.
ja du weißt ja sicher was slicen ist? Dann musst du das Design noch coden , entweder du machst es mit Tabellen (Nicht gut) oder mit CSS , aber das kann man nicht in ein paar Minuten musst dich schon hinsetzten und dann kannst du dein Design belibeig anpassen ect.
mfg
Gesliced hatte ich die Seite (für die Links) eigentlich schon... ich weiß nur nicht genau, wie ich das nun anpassen kann, dass die Seite bei allen Auflösungen korrekt angezeigt wird... hmm!
Original von ..:*-_|StYlER|_-*:..
ja du weißt ja sicher was slicen ist? Dann musst du das Design noch coden , entweder du machst es mit Tabellen (Nicht gut) oder mit CSS , aber das kann man nicht in ein paar Minuten musst dich schon hinsetzten und dann kannst du dein Design belibeig anpassen ect.
mfg
mhh
also zuallererst kannst du auch tabellen mit css formatieren. du meinst entweder du machst es mit tabellen oder barrierefrei (mehr oder weniger
) mit division tags.
dann musst du dringend beachten, dass bildschrimauflösung und der sog. viewspace im browser sehr unterschiedlich sind.
bei 1024*768 hast du meistens einen viewspace von ca. 1000*600.
wenn du jetzt willst dass deine seite immer 100% ausfüllt (obwohl ich das ziemlich hässlich finde
) musst du stellen lassen die als leerstellen fungieren und dann verbreitert werden wenn der viewspace sich vergrößert und die restlichen teile rechts und links wegdrückt.
ich an deiner stelle würde eine größe nehmen die so bei 1000*600 liegt und nur dynamisch anch oben und unten vergrößert wird. ist bei komplexen templates der einfachste weg.
.
The Dreadworks Project And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
Bin mir nicht sicher, ob ich mich richtig ausgedrückt habe...
Nur das Hintergrundbild der Seite (schwarz, mit den horizontalen Streifen) soll über die ganze Seite gehen... das Fenster mit den Inhalten kann ruhig in der Größe bleiben.
Im Endeffekt soll die Seite vom Ding her so aussehen:
Also an die Auflösung an sich kannst du das Design nicht anpassen du kannst wenn du es Designs nur an eine Auflösung festlegen (die breite und höhe ^^)
Dann normal Slicen und anpassen und am besten zentrieren.
The Dreadworks Project And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
noja dein document ist auf 3 sehr wichtigen tags aufgebaut die den content umschliesen:
<html>
<head>
</head>
<body background="Deinverzeichnis/deinbild.png">
</body>
</html>
und im <body> tag deklarierst du den hintergrund (geht auch mit css, aber wenn du noch ein total anfänger bist greifst du am besten erstmal nur auf htrml zurück, also nicht dass du dich wunderst dass mein zweiter vorschlag anders aussieht als mein erster... funktionieren tun beide, mit dem ersten hast du nur noch mehr möglichkeiten
.
The Dreadworks Project And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)