Tabellenrand (CSS) wird im IE nicht angezeigt

[MikeEisi]

Grüß euch,

ich habe verschiedene CSS-styles für mein Projekt erstellt, die allesamt im Mozilla einwandfrei funktionieren.

Im IE gibt es aber mit den folgenden styles ein Problem:

-----------------
.box_header {
 font-family : Verdana;
 font-size : 8pt;
 vertical-align: middle;
 text-align: center;
 border-color: #333333;
 border: solid;
 border-left-width: 1px;
 border-right-width: 1px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 background-color: #FAFAFA;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px;
}

.box_content {
 border-color: #333333;
 border: solid;
 border-left-width: 1px;
 border-right-width: 1px;
 border-top-width: 0px;
 border-bottom-width: 1px;
 background-color: #FAFAFA;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px;
}
--------------

Es werden die Ränder nicht bzw. in weiß angezeigt.
Andere Styles, die gleich aufgebaut sind, nur andere Werte haben werden ohne Probleme dargestellt.

Wo ist da der Hund begraben?

Dnake für die Hilfe!

Michael

[Axel Richter]

Hallo,

ich habe verschiedene CSS-styles für mein Projekt erstellt, die allesamt im Mozilla einwandfrei funktionieren.

Im IE gibt es aber mit den folgenden styles ein Problem:

---

.box_header {
 font-family : Verdana;
 font-size : 8pt;
 vertical-align: middle;
 text-align: center;
 border-color: #333333;
 border: solid;

^Das ist ein shorthand http://www.w3.org/TR/CSS21/box.html#propdef-border mit dem border-width, border-style und border-color für alle vier Rahmenlinien gesetzt werden kann. Wenn ein Wert nicht anegeben wird (bei Dir border-width und border-color), wir der Standard-Wert gesetzt. Beim IE ist das offensichtlich nicht der von Dir gewünschte.

Eigentlich willst Du doch aber nur border-style setzen. Mach das doch einfach ;-))

}

.box_content {
 border-color: #333333;
 border: solid;

^siehe oben

}

viele Grüße

Axel

[MikeEisi]

Servus Axel,

Eigentlich willst Du doch aber nur border-style setzen. Mach das doch einfach ;-))

Tjaaaa, so einfach geht das ;-)

Danke für die Hilfe. Wieder was gelernt.

Michael

[ShiNtoKu]

Hallo,

Problem wurde ja schon gelöst, aber hab ne kleine Anregung für dich, denn dein Stylesheet ist doch sehr wirr und unsortiert. Aus diesem da

.box_header {
font-family : Verdana;
font-size : 8pt;
vertical-align: middle;
text-align: center;
border-color: #333333;
border: solid;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-bottom-style: dashed;
background-color: #FAFAFA;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}

mache dieses da

.box_header {
  font-family:Verdana;
  font-size:8pt;
  vertical-align:middle;
  text-align:center;
  border:1px solid #333;
  border-bottom-style:dashed;
  background-color:#FAFAFA;
  padding:2px;
  }

Du sparst 50% an Zeilen und gewinnst zudem noch 75% an Übersicht ;)
Wenn du konsequenter zusammenfässt passiert dir dein Fehler auch nimmer so leicht. Erst was für alle gilt und dann die kleinen Abweichungen (was hier konkret nur border-bottom-style:dashed; war).

Viele Grüße
Patrick