tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
331
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 30.01.11 11:25 #1
    FrogBecher FrogBecher ist offline Grünschnabel
    Registriert seit
    Jan 2011
    Beiträge
    3
    hallo liebe leute,

    ich ich versuche schon seit einigen stunden ein layout herzustellen... und ich muss sagen... ich kriege es nicht hin... oder das ich wahrscheinlich nicht mehr, den Wald vor lauter Bäumen sehe...

    ich glaube erfahrenere Augen! die nicht so ermüdet sind wie meine! werden mein Problem erkennen und mir wie ich mir erhoffe! einen Rat in die richtige Richtung weisen können

    die ganze page in einer rar datei gepackt, damit hier euch ein bild machen könnt!

    oder hier der inhalt meiner css datei

    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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213

        /*CSS Document*/
    /*+clearfix {*/
    DIV#kopf:after, DIV#w3:after
    {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
       font-size: 0;
    }
    DIV#kopf, DIV#w3
    {
       display: inline-block;
    }
    DIV#kopf, DIV#w3
    {
    /*\*/
       display: block;
    /**/
       -height: 1px;
    }
    /*+}*/
    HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
    {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
    }
    BODY
    {
       background-color: #FFF;
       background-image: url(../img/bgsilver.png);
       background-repeat: repeat-x;
       font-family: Georgia;
    }
    DIV#aussen
    {
       margin: -8px auto 0;
       width: 1024px;
       background-color: #DDC;
       height: auto;
       padding: 1px 0px;
       /*+box-shadow:0px 5px 20px #000000;*/
       -moz-box-shadow: 0px 5px 20px #000000;
       -webkit-box-shadow: 0px 5px 20px #000000;
       -o-box-shadow: 0px 5px 20px #000000;
       box-shadow: 0px 5px 20px #000000;
       /*+border-radius:0 0 10px 10px;*/
       -moz-border-radius: 0 0 10px 10px;
       -webkit-border-radius: 0 0 10px 10px;
       -khtml-border-radius: 0 0 10px 10px;
       border-radius: 0 0 10px 10px;
    }
    /*[clearfix]*/DIV#kopf
    {
       height: 150px;
       margin: 5px;
       background-image: url(../img/blau2.png);
       border: 1px solid #000000;
       /*+border-radius:0 0 10px 10px;*/
       -moz-border-radius: 0 0 10px 10px;
       -webkit-border-radius: 0 0 10px 10px;
       -khtml-border-radius: 0 0 10px 10px;
       border-radius: 0 0 10px 10px;
       background-position: center bottom;
       background-color: #034D8E;
    }
    DIV#hals
    {
       height: 30px;
       background-color: #034D8E;
       background-image: url(../img/blau.png);
       border: 1px solid #000000;
       background-position: center top;
       margin: 5px;
       /*+border-radius:10px;*/
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       border-radius: 10px 10px 10px 10px;
    }
    DIV#links
    {
       background-position: center top;
       background-image: url(../img/blau.png);
       background-repeat: no-repeat;
       background-color: #034D8E;
       margin: 5px;
       /*+border-radius:10px;*/
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       border-radius: 10px 10px 10px 10px;
    }
    DIV#links A:hover
    {
       color: #000000;
    }
    /*[clearfix]*/DIV#w3
    {
       width: 821px;
       border: 1px solid #000000;
       /*+border-radius:10px;*/
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       border-radius: 10px 10px 10px 10px;
       float: inherit;
       margin: 5px 5px 5px 175px;
       background-color: #4E4E4E;
       color: #FFFFFF;
       text-align: justify;
       padding: 5px;
    }
    DIV#boden
    {
       height: auto;
       margin: 5px;
       /*+border-radius:10px;*/
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
       border-radius: 10px 10px 10px 10px;
       background-color: #034D8E;
       background-image: url(../img/blau.png);
       border: 1px solid #000000;
       background-position: center;
    }
    DIV#bodeninhalt
    {
       text-decoration: none;
       text-align: -webkit-left;
       overflow: hidden;
       clear: both;
       padding: 10px;
    }
    DIV#bodeninhalt OL, UL, DL
    {
       position: relative;
    }
    DIV#bodeninhalt OL, UL
    {
       list-style: none;
    }
    DIV#bodeninhalt DL DT
    {
       font-weight: bold;
    }
    DIV#bodeninhalt A
    {
       text-decoration: none;
       cursor: pointer;
       color: #FFFFFF;
    }
    DIV#bodeninhalt DL UL LI
    {
       border-bottom: 1px dotted #FFF;
       line-height: 2em;
    }
    DIV#bodeninhalt DL DT
    {
       margin-bottom: 5px;
       font-size: 18px;
    }
    DIV#bodeninhalt DL
    {
       float: left;
       margin: 10px 0;
       padding: 0 27px 0 20px;
       width: 200px;
       height: 240px;
    }
    DIV#bodeninhalt A:hover
    {
       color: #000000;
    }
    DIV#copy
    {
       color: #FFFFFF;
       padding: 0 30px 0 200px;
    }
    DIV#sparten
    {
       padding: 0 20px;
       line-height: 1.5em;
    }
    DIV#sparten A
    {
       text-decoration: none;
       cursor: pointer;
       color: #FFFFFF;
    }
    DIV#sparten DL DT
    {
       font-weight: bold;
    }
    DIV#sparten DL UL LI
    {
       border-bottom: 1px dotted #FFF;
       line-height: 2em;
    }
    DIV#sparten DL
    {
       float: left;
       margin: -40px;
       padding: 30px;
       width: 160px;
       top: 15px;
    }

    ich bin auch für vorschläge offen, wie man es besser oder anders machen könnte!

    mfg
    frogbecher
    Angehängte Dateien Angehängte Dateien
     
    Zitieren Zitieren
  2. 30.01.11 13:20 #2
    dreifragezeichen dreifragezeichen ist offline Mitglied Gold
    Registriert seit
    Feb 2006
    Beiträge
    107
    Bei dem "Darstellungsproblem" reden wir vom Quellcode des Sub-Docs "inhalt.php" bzw. im Main-Doc "index.php" von Zeile #33 des ausgegebenen HTML-Codes mit dieser ellenlangen Zeichenkette ohne jegliche enthaltene Leerzeichen, die dem Browser Gelegenheit bieten würden, die gewünschten Zeilenumbrüche vorzunehmen, anstatt den Besucher mit der Zeile ins rechts ausufernende Nimmerleinsland zu treiben?

    Code xhtml:
    1

    <p>01010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101</p>
    Geändert von dreifragezeichen (30.01.11 um 13:34 Uhr)
     
    Zitieren Zitieren
« Margin top bei IE ok, bei Firefox und Opera nicht ok | with: 100% minus x Px »

Ähnliche Themen

  1. Darstellungsprobleme Layout bei Firefox bzw. IExplorer
    Von BuZZ-T im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 28.03.10, 19:39
  2. CSS-Layout Darstellungsprobleme FF/IE
    Von Stephan Liebig im Forum CSS
    Antworten: 4
    Letzter Beitrag: 10.05.07, 19:56
  3. Darstellungsprobleme
    Von lubino im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 19.12.05, 17:42
  4. Darstellungsprobleme
    Von Cheris im Forum HTML & XHTML
    Antworten: 8
    Letzter Beitrag: 18.12.05, 17:18
  5. Darstellungsprobleme eines Layout im IE vs. FF
    Von Rexo im Forum CSS
    Antworten: 4
    Letzter Beitrag: 17.11.05, 21:11

Stichworte