✔ Problem mit "display: inline;" im Firefox

[shutdown]

Hallo an alle!

Ich hab mal wieder ein Problem mit den Unterschieden zwischen IE und Firefox.

Unter http://www.mrg-abi2004.de/veranstaltungen.php findet ihr einen Ganz-Jahres-Kalender.
Dieser wird dynamisch erzeugt und bietet später eine Schnittstelle zur Datenbank - hier ist der Unterbau noch nicht ganz fertig.

Mein Problem ist nun, dass der Kalender im IE völlig korrekt angezeigt wird,
im Firefox allerdings ignoriert er völlig meine Kalenderblätter, die ich mit display:inline; angeordnet habe.

Hier mal der Grundaufbau des Kalenders:

<div class=container> // gibt dem ganzen eine feste Breite
    <div class=kalender> // die einzelnen Kalenderblätter
             >>Januar<<
    </div>
    <div class=kalender>
             >>Februar<<
    </div>
...
</div>

Ich denke, hier genauer auf den Aufbau eines Monats einzugehen, hätte keinen Sinn, da ich das Problem bereits beim Kalenderblatt sehe.
Gebe ich dem Kalenderblatt nämlich display: block; , so bekomme ich sowohl im IE als auch im Firefox die Kalenderblätter richtig dargestellt - nur eben alle untereinander.

Hier mal die Styles:

.container
{
     width: 570px;
     display: block;
}


.kalender
{
     background-color: #e5eef5;
     font-size: 8pt;
     width: 120px;
     height: 115px;
     display: inline;
     padding: 5px;
     margin: 2px;
}

.monat
{
    background-color: #7fadcd;
    color: white;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}


.tage
{
    display: block;
    align: center;
    padding-left: 5px;
}

.tage a, a:hover, a:link, a:visited,
{
    text-decoration: none;
}

.heute
{
    background-color: #FFFF80;
}

.wochenende a, .wochende a:link, .wochenende a:visited, .wochenende a:hover
{
    color: #969696;
}

.unsichtbar
{
    visibility: hidden;
}

.invisible
{
    display: none;
}


</style>

Ich hoffe, jemand weiß Rat
Vielen Dank und gruß
shutdown

 

[Maik]

Gebe ich dem Kalenderblatt nämlich display: block; , so bekomme ich sowohl im IE als auch im Firefox die Kalenderblätter richtig dargestellt - nur eben alle untereinander.

Mit der float -Eigenschaft lassen sich die Block-Level-Elemente nebeneinander anordnen.

 

[shutdown]

Warum einfach, wenns auch kompliziert geht - danke!

Trotzdem ist mir nicht ganz klar, warum der Firefox die Inline-Elemente nicht akzeptiert.

Und auch das klappt im Firefox noch nicht:

.tage a, a:hover, a:link, a:visited,
{
    text-decoration: none;
}

Es sind alle Links weiterhin unterstrichen.

gruß shutdown

 

[Maik]

Die Pseudoklassen sind in der falschen Reihenfolge notiert und es fehlt jeweils davor der Klassenname.

Probier's mal so:

.tage a, .tage a:link, .tage a:visited, .tage a:hover
{
    text-decoration: none;
}

 

[shutdown]

okay, da war das eine Komma am Ende der Klassen-Aufzählung überflüssig

nochmals danke