Heizer: Denke ich falsch?

Liebes Forum

Irgendwie bekomme ich das mit den CSS Layouts nicht hin. Ich habe jetzt mal etwas einfaches versucht:

-------------------------------------------------------
| <div style='border:1px solid red; | <div>           |
|  float:left;'>                    |                 |
|                                   |                 |
-------------------------------------                 |
|                                                     |
|                                                     |
-------------------------------------------------------

Das linke div sollte sich also verhalten wie ein img mit align='left'. Jetzt dachte ich, ich könnte im rechten div mit margin-left einen abstand zu dem rahmen des linken hinbekommen, geht aber nicht, die schrift klebt am rahmen und nichts kann sie da wegbekommen (auch nicht pedding-left).
wenn ich dann im linken div einen margin-left eingebe, dann habe ich den abstand. jetzt wollte ich im rechten eine ol-Liste einfügen, und die Nummerierung war plötzlich im linken div. offenbar hatte sich der abstand nicht auf diese Nummern ausgewirkt. Ein test war noch, daß ich mir einen rahmen um das rechte div zeichnen ließ, und siehe da, es überlagerte sich mit dem linken, war von diesem föllig unbeeindruckt.
Das ganze geschah in einem Mozilla 1.1.

Irgendwie scheine ich mit dem denkmuster von CSS 2 nicht zurechtzukommen. Gibt es irgendwo eine wirklich gute beschreibung, wie man layouts mit CSS macht, vor allem auch, wie CSS "denkt"? SelfHTML hilft mir hier leider nicht weiter.

Vielen dank

Heizer

  1. Hi,
    versuchs mal damit:

    http://www.glish.com/css/1.asp

    Gruss
    Mark

    Liebes Forum

    Irgendwie bekomme ich das mit den CSS Layouts nicht hin. Ich habe jetzt mal etwas einfaches versucht:


    | <div style='border:1px solid red; | <div>           |
    |  float:left;'>                    |                 |
    |                                   |                 |
    -------------------------------------                 |
    |                                                     |

    Das linke div sollte sich also verhalten wie ein img mit align='left'. Jetzt dachte ich, ich könnte im rechten div mit margin-left einen abstand zu dem rahmen des linken hinbekommen, geht aber nicht, die schrift klebt am rahmen und nichts kann sie da wegbekommen (auch nicht pedding-left).
    wenn ich dann im linken div einen margin-left eingebe, dann habe ich den abstand. jetzt wollte ich im rechten eine ol-Liste einfügen, und die Nummerierung war plötzlich im linken div. offenbar hatte sich der abstand nicht auf diese Nummern ausgewirkt. Ein test war noch, daß ich mir einen rahmen um das rechte div zeichnen ließ, und siehe da, es überlagerte sich mit dem linken, war von diesem föllig unbeeindruckt.
    Das ganze geschah in einem Mozilla 1.1.

    Irgendwie scheine ich mit dem denkmuster von CSS 2 nicht zurechtzukommen. Gibt es irgendwo eine wirklich gute beschreibung, wie man layouts mit CSS macht, vor allem auch, wie CSS "denkt"? SelfHTML hilft mir hier leider nicht weiter.

    Vielen dank

    Heizer