... neuere Beiträge
Donnerstag, 13. November 2003
Tricks zur Behebung von Layout-Problemen
Zwei Änderungen am Site-Style vornehmen:
1) In der rechten Spalte des Layouts verschwindet immer ein Teil der Zeile am rechten Rand.
Um dieses Problem zu lösen,
diese Zeilen
10 #container {
11 margin-right: auto;
12 margin-left: 0px;
13 text-align: left;
14 padding: 0px;
15 width: 920px;
16 background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
}
durch die folgenden ersetzen:
#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 100%;
background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
}
2) Bei IE 6 verschwindet Text mittendrin bzw ist unsichtbar
Das läßt sich folgendermaßen lösen:
In diesen Zeilen
116 #right {
117 float: left;
118 padding-left: 5px;
119 width: 200px;
120 background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
diese Zeile
overflow: hidden;
löschen
122 line-height: 120%;
Ebenso aus den Bereichen #left und #center jeweils die Zeile
overflow: hidden;
löschen.
Dann macht der IE 6 keine Probleme mehr.
Ich hoffe, es funktioniert bei Euch auch!
1) In der rechten Spalte des Layouts verschwindet immer ein Teil der Zeile am rechten Rand.
Um dieses Problem zu lösen,
diese Zeilen
10 #container {
11 margin-right: auto;
12 margin-left: 0px;
13 text-align: left;
14 padding: 0px;
15 width: 920px;
16 background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
}
durch die folgenden ersetzen:
#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 100%;
background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
}
2) Bei IE 6 verschwindet Text mittendrin bzw ist unsichtbar
Das läßt sich folgendermaßen lösen:
In diesen Zeilen
116 #right {
117 float: left;
118 padding-left: 5px;
119 width: 200px;
120 background-color: [Macro error in site.bgcolor: Macro site.bgcolor not allowed in sandbox] ;
diese Zeile
löschen
122 line-height: 120%;
Ebenso aus den Bereichen #left und #center jeweils die Zeile
overflow: hidden;
löschen.
Dann macht der IE 6 keine Probleme mehr.
Ich hoffe, es funktioniert bei Euch auch!
... ältere Beiträge