MichaelR: 2 Fragen: mehrere Klassen + Positionierung

Hallo,

meine erste Frage zu CSS wäre:

man kann doch pro div beispielsweise mehrere Klassennamen angeben:

<div class="klasse1 klasse2">bla</div>

Im IE geht's aber der Mozilla erkennt das nicht, verwendet stattdessen gar keine Klasse ???

2. Wenn ich zwei div's nebeneinander positionieren will, gebe ich float:left und float:right an, sowie evtl. noch margin-top:0px und vielleicht padding-top:0px.

Der Mozilla positioniert aber die beiden Divs nicht genau auf der gleichen horizontalen Linie sondern den rechten div immer ein wenig weiter unterhalb ???

+----------+
|          | +---------+
|          | |         |
|          | |         |
|          | |         |
|          | |         |
+----------+ |         |
             +---------+

Grüße
Michael

  1. Hallo,

    meine erste Frage zu CSS wäre:
    man kann doch pro div beispielsweise mehrere Klassennamen angeben:
    <div class="klasse1 klasse2">bla</div>

    Ja.

    Im IE geht's aber der Mozilla erkennt das nicht,

    Doch.

    verwendet stattdessen gar keine Klasse ???

    Nein.

    1. Wenn ich zwei div's nebeneinander positionieren will, gebe ich float:left

    Ja.

    und float:right an

    Nein.

    Der Mozilla positioniert aber die beiden Divs nicht genau auf der gleichen horizontalen Linie sondern den rechten div immer ein wenig weiter unterhalb ???

    +----------+
    |          | +---------+
    |          | |         |
    |          | |         |
    |          | |         |
    |          | |         |
    +----------+ |         |
                 +---------+

    Nein.

    Ohne Codebeispiel kann man zwar nur raten, aber folgendes sollte auch der Mozilla machen:

    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    .gruen {background-color:#00AEAD;}
    .rahmen {border:2px solid black;}
    .eins {float:left; width:100px; height:100px;}
    .zwei {float:left; width:100px; height:100px;}
    -->
    </style>
    </head>
    <body>
    <div class="gruen rahmen eins">Test</div>
    <div class="rahmen zwei">Test</div>
    </body>
    </html>

    viele Grüße

    Axel

    1. Hi,

      Im IE geht's aber der Mozilla erkennt das nicht,
      Doch.
      verwendet stattdessen gar keine Klasse ???
      Nein.

      Im Mozilla 1.3a gings _nicht_ - da aber Dein Beispiel von unten funktioniert, muss ich mal schauen, ob da nicht vielleicht ein Schreibfehler irgendwo bei den Klassen drin ist.

      1. Wenn ich zwei div's nebeneinander positionieren will, gebe ich float:left
        Ja.
        und float:right an
        Nein.

      float:right ist auch möglich :-)

      Danke + Grüße
      Michael

      1. Hallo,

        1. Wenn ich zwei div's nebeneinander positionieren will, gebe ich float:left
          Ja.
          und float:right an
          Nein.
          float:right ist auch möglich :-)

        Ja, natürlich, aber dann muss der Satz heißen:
        2. Wenn ich zwei div's nebeneinander positionieren will, wobei eins ganz links und das andere ganz rechts steht, gebe ich beim linken div float:left und beim rechten div float:right an.

        viele Grüße ;-))

        Axel