| von Ori |
Vielleicht kennst Du die Erweiterung Web Developer für Firefox. Mittels Outline->Outline Current Element lassen sich die Elemente bestimmen, die übergroß sind und dadurch den Abstand erzeugen (Statusleiste).
Allerdings würde ich vorschlagen, dass Du sämtliche float-Angaben durch absolute Positionierungen ersetzt. Das macht zwar etwas Arbeit, aber erleichtert die Ausrichtung (und das Beheben auftretender Probleme) ungemein.
float sollte in erster Linie für Textfluss um Grafiken/Container eingesetzt werden (obwohl viele Beispiele das für Navigationsleisten etc. benutzen), dann verschwinden viele Probleme, die durch Elementübergröße entstehen (zugegeben, der IE ist da etwas toleranter, aber Firefox nimmt einem sowas übel). |
| von amidalaself |
Die Problematik hat sich etwas verändert. Der obere Abstand ist jetzt in Ordnung, was noch nicht funktioniert ist der Abstand (gelb hervorgehoben).
Nochmals die Website
Damit niemand lange suchen muss. In diesem Bereich des CSS liegt wohl das Problem. Hat den jemand eine Idee?
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: | #main-body {
float: left;
width: 70%;
margin-top: 0;
padding-top:0;
}
#content {
float: right;
width: 68%;
}
#sidebar {
float: left;
width: 32%;
background: yellow;
}
#sidebar2 {
float: right;
width: 30%;
}
#box-spez {
width:200px;
background: url(images/boxkonfunten.gif) no-repeat bottom left;
margin: 0px ;
}
#box-spez h3 {
width: 200px;
margin:0;
padding: 20px 8px 4px 60px;
font-size: 110%;
background: url(images/boxkonfoben.gif) no-repeat top left;
}
#box-spez ul {
margin: 0;
padding: 10px 8px 20px 60px;
list-style: none;
}
#box-spez li {
padding: 2px;
margin 0 0 20px 0;
padding: 2px;
} |
|
| von amidalaself |
Ich arbeite gerade an einem neuen Design für eine Internetseite. Die beiden Links poste ich hier nur weil noch nicht soviel Code vorhanden ist, das man sich verlaufen könnte  .
Die Hoffnung meinerseits besteht natürlich darin, das sich das jemand ansieht.
Website
CSS File
Momentan arbeite ich an den Navigationsboxen. Am meisten zuschaffen macht mir das ich den Inhalt der Seite nicht auf gleiche Höhe kriege wie die Navigation und die "boxen" auf der rechten Seite haben nochmals ne andere Höhe. Ich nehme an das dies an main liegt. Mit Margin kriege ich die Linke sidebar nicht rauf. Im IE verhaut es das ganze Design und ich seh einfach den Fehler nicht. Danke schon mal für allfällige Hilfe.
Grüsse |
|
