nicht angemeldet
Hallo,
sag' mal - was sollen das überhaupt für Boxen sein mit
.box2{ width:0px; line-height:0; height:0;}
? Eine Box mit diesen Ausmaßen dürfte eigentlich nicht angezeigt werden. Und so wie ich Mozilla kenne, mag er auch keine Boxen ohne Inhalt. Nur bei diesen Angaben paßt ja nicht rein.Rahmen kannst Du doch wohl auch vernünftig um die tatsächlich mit Inhalt gefüllten Boxen setzen, oder?
Stimm nicht ganz. Es gibt viele Möglichkeiten für Spiele mit CSS und Boxen:
Grüße
Thomas
---------------------------
<html>
<head>
<title>CSS // Border // Wuerfel</title>
<style type="text/css">
#wurfel {
width:120px;
margin:0 auto;
text-align:center;
}
.wurfelborder {
width:0px;
height:0px;
margin: 0px;
border-style:solid;
font-size:0px;
}
.wuerfel1 {
border-color:white white orange white;
border-width:0px 45px 30px 45px;
}
.wuerfel2 {
border-color:orange red white gold;
border-width:30px 45px 0px 45px;
}
.wuerfel3 {
border-color:white red white gold;
border-width:0px 45px 0px 45px;
height:20px;
}
.wuerfel4 {
border-color:white gold white white;
border-width:0px 45px 30px 0px;
float:left;
}
.wuerfel5 {
border-color:white white white red;
border-width:0px 0px 30px 45px;
float:left;
}
</style>
</head>
<body >
<div id="wuerfel">
<div class="wurfelborder wuerfel1"></div>
<div class="wurfelborder wuerfel2"></div>
<div class="wurfelborder wuerfel3"></div>
<div class="wurfelborder wuerfel4"></div>
<div class="wurfelborder wuerfel5"></div>
</div>
</body></html>