[Achim_Rittner]

Hi,
mein Kumpel erstellt momentan eine eigene Seite, das Design macht er mit CSS.
Jetzt ist aber das Problem, dass im Firefox das CSS-Design falsch dargestellt wird (was anscheinend häufig so ist).
Zwischen den "Boxen" ist eigentlich eine Lücke von min. 20px. Aber im Firefox sind die "Boxen" zusammengeschoben, d.h. keine Lücke. Das ist auf jeder Seite seiner Homepage so.
Kann man da was am CSS-Script ändern, damit das auch im FF richtig angeeigt wird?

Hier das CSS-Script:

Zitat

a:link {
text-decoration: none;
color: blue;
}

a:visited {
text-decoration: none;
color: blue;
}

a:hover {
color: navy;
}

a:active {
color: navy;
}

body {
background-color: #FFFFC8;
text-align:center;
}

#text {
width: 84%;
float:center;
}

#navigation {
width:16%;
float:left;
background-color: white;
border-style: 1px;
border: solid 1px;
}

#info {
width:16%;
float:left;
}

#special {
width:45%;
background-color: white;
border-style: 1px;
border: solid 1px;
}

#wrapper {
width: 100%;
background-color: white;
border-style: 1px;
border: solid 1px;
}

P.S: Screenshot von mir mit FF gemacht (Hauptseite)

Dieser Beitrag wurde von Achim_Rittner bearbeitet: 11. April 2008 - 13:42

[Diewie]

Hi,

also vorne weg, es gibt kein float: center; und auch kein border-style: 1px;. Hier kannst du dein css selber validieren lassen: http://jigsaw.w3.org/css-validator/.

Leider kann man aus dem Stylesheet nirgendwo eine "Lücke" rauslesen. Und 20px oder ähnliches kommt auch nicht vor. Vielleicht ist das Problem daran, dass nirgendwo eine Lücke definiert wurde

Gruß,
Stefan

P.S.: Für weitere Hilfe wäre der HTML Code der Seite nicht schlecht.

[F481]

Ja ich kann Diewie nur zustimmen. Es wurde ja gar kein Abstand definiert.
Ich nehme mal an, dass der linke kasten #navigation ist.

versuch mal noch:

#navigation{
margin-right: 20px;
}

dann müsste es eig klappen.

Nebenbei: Ein Link auf deine Seite oder der HTML-Code wär wirklich nicht schlecht.