|
xXMertXx
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 09:31 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Hallo, früher als ich noch Windows XP hatte, hatte ich eine Auflösung von 1280x1024. Seit dem ich nun Windows 7 habe , habe ich eine Bildschirm-Auflösung von 1920x1080. Wenn ich mir jetzt meine Homepage angucke, ist alles ganz klein und die "Div-Boxen" stehen z.b. 500px von ihrem eigentlichen platz weg. Bild: http://www.pcfreunde.de/store/i0/5545/haha.PNG Aber wenn ich die Auflösung auf 1280x1024 runter schraube, ist alles normal.
________________________________________ Nichts gibt es umsonst. Sogar der Tod kostet das Leben !
________________________________________ Angehängte Bilder: haha.PNG, 1.035 x 565, 33,8 KB
|
 |
|
| |
|
L3oop
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 10:12 |
|
Moderator 45.021 Punkte (?)
Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
 |
Experte |
1 Mitglied findet diesen Beitrag gut
|
Hallo,
da gibt es 3 Möglichkeiten:
1. Du gibst deinen Design eine feste Breite und lässt dann alles zentrieren. 2. Du setzt den Content in die Mitte und lässt dessen Breite je nach Fenstergröße anpassen. 3. Du lässt es so wie es ist, ordnest aber das komplette Layout mit fester Breite links oder rechts an.
Gruß L3oop
________________________________________ Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
 |
|
| |
|
xXMertXx
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 10:15 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Könntest du bitte auch sagen wie das geht
________________________________________ Nichts gibt es umsonst. Sogar der Tod kostet das Leben !
|
 |
|
| |
|
Black-Baron
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 11:49 |
|
|
Anmeldungsdatum: 08.04.2007
Beiträge: 674
|
also egal welche Möglichkeit du verwendest - du brauchst css-Angaben.
Nachdem ich nicht weiß wie bewandert du auf dem webgebiet bist ist erstmal zu klären wie du die Homepage gemacht hast und uns am besten einen Link zu deiner HP gibst.... weil dann können wir (zum Teil) direkt die richtige Lösung sagen
|
 |
|
| |
|
xXMertXx
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 13:53 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Hab sie noch nicht Hochgeladen...
________________________________________ Nichts gibt es umsonst. Sogar der Tod kostet das Leben !
|
 |
|
| |
|
Pe-1981
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 14:05 |
|
Moderator 41.481 Punkte (?)
Anmeldungsdatum: 08.02.2006
Beiträge: 25.523
 |
Experte |
|
xXMertXx hat folgendes geschrieben: Hab sie noch nicht Hochgeladen...
Und wie oder womit hast du deine HP erstellt? HTML? C? ...? ...?
________________________________________ www.tattoojunkie.de | www.blog.tattoojunkie.de Meine PC's ¦Helft mir xD.Danke
|
 |
|
| |
|
L3oop
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 14:10 |
|
Moderator 45.021 Punkte (?)
Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
 |
Experte |
1 Mitglied findet diesen Beitrag gut Akzeptierte Antwort (+50 Punkte)
|
Wenn du die Lösung mit der festen Breite und Zentrierung machen willst, brauchst du einen äußeren Container. Ich empfehle 950-1000 Pixel Breite.
Eine CSS-Definition dafür könnte so aussehen:
#wrapper { width:960px; margin:0 auto; background:#000; color:#FFF; }
Das margin:0 auto; bewirkt, dass der Container zentriert dargestellt wird. Nun platzierst du deine gesamte Homepage innerhalb dieses Containers. Bei einem einspaltigen Layout musst du für die inneren Container keine Breiten angeben, bei einem mehrspaltigen musst du diesen die float:left;-Eigenschaft geben und zusätzlich die festen Breiten angeben.
Wichtig ist auch, dass du deine HTML-Dokumente so beginnst:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
In diesem Beispiel ist es ein XHTML 1.0 Dokument. So wird sichergestellt, dass die Zentrierung auch in älteren Versionen des Internet Explorers funktioniert.
[Zuletzt bearbeitet: 19.09.2010 14:14]
________________________________________ Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
 |
|
| |
|
xXMertXx
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 14:29 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Wenn ich 960px eingebe dann ist alles durcheinander und bei 1450px ist es so wie es sein soll.
________________________________________ Nichts gibt es umsonst. Sogar der Tod kostet das Leben !
|
 |
|
| |
|
L3oop
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 14:31 |
|
Moderator 45.021 Punkte (?)
Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
 |
Experte |
1 Mitglied findet diesen Beitrag gut
|
Logisch, du musst ja auch noch die anderen Container anpassen
Die Breiten der inneren Container sollten zusammen 960px ergeben. Wenn du noch Rahmen oder Abstände eingebaut hast, ist es natürlich etwas weniger.
________________________________________ Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
 |
|
| |
|
xXMertXx
|
| Titel: Problem mit Design bei einer Auflösung von 1920x1080 |
19.09.2010 14:33 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Verstehe ich grad nicht in schick dir mal den HTML und CSS bereich per PN. Ok?
________________________________________ Nichts gibt es umsonst. Sogar der Tod kostet das Leben !
|
 |
|
| |
|
|
|
|