HomeArtikelDownloadsForum
PCFreunde.deForumEntwicklungWebdesign
Besucher online: 967
Schnellsuche

Anzeigen

Community

Foren
Webdesign Seite 1/1
Problem mit Design bei einer Auflösung von 1920x1080
AntwortenNeues ThemaZur akzeptierten AntwortZur Themenliste
Seiten:
1
Nachricht
xXMertXx
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 09:31
2.507 Punkte (?)
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
Private Nachricht senden  
 
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

________________________________________
StereomixBootreihenfolge ändernPC beschleunigen
Private Nachricht senden  
 
xXMertXx
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 10:15
2.507 Punkte (?)
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
Könntest du bitte auch sagen wie das geht :oops:

________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
Private Nachricht senden  
 
Black-Baron
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 11:49
1.667 Punkte (?)
 
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 :)
Private Nachricht senden  
 
xXMertXx
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 13:53
2.507 Punkte (?)
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
Hab sie noch nicht Hochgeladen...


________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
Private Nachricht senden  
 
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
Private Nachricht senden  
 
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]

________________________________________
StereomixBootreihenfolge ändernPC beschleunigen
Private Nachricht senden  
 
xXMertXx
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 14:29
2.507 Punkte (?)
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 !
Private Nachricht senden  
 
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 :wink:

Die Breiten der inneren Container sollten zusammen 960px ergeben. Wenn du noch Rahmen oder Abstände eingebaut hast, ist es natürlich etwas weniger.

________________________________________
StereomixBootreihenfolge ändernPC beschleunigen
Private Nachricht senden  
 
xXMertXx
Titel: Problem mit Design bei einer Auflösung von 1920x1080 19.09.2010 14:33
2.507 Punkte (?)
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 !
Private Nachricht senden  
 
AntwortenNeues ThemaZur akzeptierten AntwortZur Themenliste
Seiten:
1
Community Login
eMail:
Passwort:
Auto-Login