tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
0
ZUGRIFFE
232
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 27.09.11 17:47 #1
    Anima97 Anima97 ist offline Mitglied
    Registriert seit
    Aug 2011
    Beiträge
    21
    Guten Tag,
    ich habe mich letztens mal an einer eigenen Website versucht. Die Seite sieht eigentlich auch ganz gut aus, nur habe ich noch ein kleines Problem mit der Darstellung der Div's, genauer gesagt mit dem Viewport:

    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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

    /**
  * Main declarations for Manu@web
  *
  * @author     Manuel J.
  * @copyright  2011 Manuel J.
  */
 
@font-face {
    font-family:Opificio;
    src:url(../fonts/opificio.ttf);
}
        
body {
    background-color:black;
    background-image:url(../images/stripe.gif);
}
 
a {
    color:black;
    text-decoration:none;
    text-shadow:0 0 1px #000000;
}
 
#header {
    font-family:Opificio;
    font-size:100px;
    color:yellow;
    text-shadow:0 0 5px yellow;
    text-align:center;
}
        
#slogan {
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:25px;
    text-shadow:0 0 5px #FFFFFF;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}
        
#content {
    background-color:#CCCCCC;
    margin:50px 350px 50px 350px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
        
.navi {
    background-color:#C7FE7C;
    border:1px solid #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    height:250px;
    left:200px;
    padding:10px 5px;
    position:absolute;
    top:205px;
    width:115px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
        
.navi a {
    color:black;
    text-decoration:none;
    text-shadow:0 0 0.4px #000000;
}
 
.navi b {
    color:black;
    text-shadow:0 0 0.4px #000000;
}
        
h2 {
    font-family:Arial, Helvetica, sans-serif;
    text-shadow:0 0 0.4px black;
    color:#333333;
}
 
b {
    font-family:Arial, Helvetica, sans-serif;
    text-shadow:0 0 0.3px black;
    color:#333333;
}
 
#footer {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:5px;
    text-align:center;
}
 
.textbox {
    padding:5px;
    margin:25px 10px;
    border:1px solid #333333;
    -moz-box-shadow:-5px -5px 5px #888;
    -webkit-box-shadow:-5px -5px -5px #888;
    box-shadow:-5px -5px -5px #888;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
.textbox h3 {
    margin-top:0;
}
 
.textbox p {
    margin:1px;
}
 
#pagination {
    text-align:center;
}
 
#comments {
    font-size:14px;
}
 
#posttitle:link {
    text-shadow:none;
}
 
#posttitle:hover {
    text-shadow:none;
    text-decoration:underline;
}
    Das ist mein (ziemlich umständlich geschriebener und noch nicht optimierter) Stylesheet. Es geht konkret um die ersten Div's (header, slogan und content).
    Sobald ich mein Browserfenster minimiere, verschieben sich die Container ungewollt.

    Was kann ich tun, um diesen Effekt zu verhindern?
    So sieht die Website momentan aus: http://manuweb.taess.net (optimiert für Firefox)
    Geändert von Anima97 (27.09.11 um 17:53 Uhr)
     
    Zitieren Zitieren
« Differenz bei der Darstellung im Firefox 6 und Chrome 14 | CSS - Tabellengröße anpassen »

Ähnliche Themen

  1. [XNA] Viewport / Kamera
    Von Creylon im Forum C/C++
    Antworten: 1
    Letzter Beitrag: 31.07.11, 00:57
  2. jpg als Hintergrund im Viewport
    Von Ruffat im Forum 3D Studio Max
    Antworten: 1
    Letzter Beitrag: 02.07.04, 21:14
  3. Viewport zu langsam
    Von Razorhawk im Forum 3D Studio Max
    Antworten: 7
    Letzter Beitrag: 07.02.04, 14:35
  4. XSI: Viewport BG
    Von AnonymerSurfer im Forum Sonstige 3D-Programme
    Antworten: 1
    Letzter Beitrag: 23.10.03, 22:16
  5. Scheitelpunktdarstellung im Viewport
    Von AleX im Forum 3D Studio Max
    Antworten: 6
    Letzter Beitrag: 08.10.02, 18:39

Stichworte