tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
344
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.03.11 14:01 #1
    Crunchip Crunchip ist offline Mitglied Bronze
    Registriert seit
    Mar 2011
    Ort
    Dresden
    Beiträge
    28
    Hallo,
    Ich bin grad dabei ein 3 Spaltiges Layout zu erstellen mit Grafiken. Das hat soweit auch alles geklappt. jedoch wenn ich mir die Seite mit einer Auflösung von 1024x768 anschaue sieht die seite super aus. und wenn ich die Auflösung dann auf meine normale Monitorbreite 1920x1080 stelle dann ist die rechte seite (navi2) nach links ins bild gerutscht.
    Woran liegt das.
    Hier mal der Code dazu.

    HTML-Code:
    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>

<body>


<div id="navi"> </div>
<div id="content"> </div>
<div id="navi2"> </div>


</body>
</html>
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

    @charset "utf-8";
/* CSS Document */
 
#navi
{
    background: url(images/navi.jpg) no-repeat;
    height: 563px;
    width: 14%;
    float: left;
}
 
#content
{
    background: url(images/content.jpg) no-repeat;
    background-position: center;
    height: 563px;
    width: 72%;
    float: left;
}
 
#navi2
{
    background: url(images/navi2.jpg) no-repeat;
    height: 563px;
    width: 14%;
    float: right;
}
     
    Zitieren Zitieren
  2. 21.03.11 19:15 #2
    Avatar von Frezl
    Frezl Frezl ist offline Mitglied Brokat
    Registriert seit
    Oct 2003
    Beiträge
    473
    Hey Crunchip,

    ich kann dein Problem leider net ganz nachvollziehen. Welche Grafik rutscht nach links? Kannst du dazu bitte mal Screenshots (wies aussehen soll und wies falsch aussieht) posten?

    Grüße,
    Frezl
     
    Wenn du das Gefühl hast "Cool, der Kerl konnte mir echt helfen!", dann teil es mir mit, indem du mich entsprechend bewertest!
    Zitieren Zitieren
  3. 21.03.11 19:24 #3
    threadi threadi ist offline Mitglied Brokat
    Registriert seit
    Dec 2006
    Ort
    Leipzig
    Beiträge
    478
    Webseiten passt man nicht an Auflösungen sondern an Viewports an. Keine Webseite nimmt die Breite einer Auflösung ein.

    Dein Problem könnte sich ggfs. dadurch lösen, dass Du das Element mit #navi2 nach vorne schiebst, also vor #content.
     
    Zitieren Zitieren
  4. 22.03.11 21:46 #4
    harryman harryman ist offline Mitglied Silber
    Registriert seit
    Jul 2010
    Beiträge
    58
    Hi,

    schick doch mal nen Link, dann kann man sich die Sache mal anschauen...
     
    Zitieren Zitieren
« position: fixed; und in Bildschirmmitte | Opera Problem margin-left »

Ähnliche Themen

  1. im ff ok, im ie verschoben
    Von stags04 im Forum CSS
    Antworten: 2
    Letzter Beitrag: 20.07.08, 03:19
  2. Kleiner bzw. größerer Schriftgrad nach Suchbeliebtheit!
    Von foxx21 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 13.08.07, 11:18
  3. Menü verutscht bei größerer Schriftgröße und und und :P
    Von Merbi im Forum CSS
    Antworten: 19
    Letzter Beitrag: 19.07.07, 17:44
  4. Bei größerer Datenmenge Verbindung getrennt!
    Von juergp im Forum Internet, DSL & Flatrate
    Antworten: 0
    Letzter Beitrag: 13.07.05, 09:53
  5. Größerer Preloader
    Von tantebootsy im Forum Flash Plattform
    Antworten: 2
    Letzter Beitrag: 07.02.05, 17:42