Hilfe bei der Positionierung von Ebenen

Hallo zusammen,

im Moment kämpfe ich mich gerade durch ein paar Templates und will ein wenig was verändern. Da ich von Ebenen so überhaupt keine Ahnung habe und von HTML nur sehr wenig, scheitere ich an einer konkreten Aufgabe.

Folgendermassen stellt sich das ganze dar:

Hier soll der Text hin................................................Hier soll das bild hin

natürlich ohne die Punkte.

Doch wie löse ich das nun mit den Ebenen?

Kann ich zweimal

php: 1: style="float: left;

aufrufen, einmal left und einmal right?

Wenn ja, wie müsste das aussehen???

Wenn ich zwei Ebenen mache

php: 1: 2: <div>Text links</div> <div>Text rechts</div>

setzt er so wie ich das gelesen habe ja automatisch eine Leerzeile ein.

Brauche mal einen Ansatzpunkt, damit ich weiter kämpfen kann, komme grade auf keinen grünen Zweig mehr.

Danke für eure Hilfe an einen nicht mehr ganz soo jungen Noob in dem Bereich.....

Gruß
Michael

Zwei Ansatzpunkte:

1. div ist ein Blockelement. Das heißt, es sorgt grundsätzlich für einen Zeilenumbruch. Das ist hier aber nicht das Problem.
   
2. Blockelemente haben von Haus aus die Breite 100%. Wenn du kein margin, padding o.ä. in deinen beiden divs hast, gibst du ihnen jeweils die Breite 49% (z.B.) und schaust mal ob es klappt. Natürlich kannst du auch ungleich verteilen, aber ich persönlich tendiere immer dazu, nicht alle 100% zu verteilen, sonst neigt es dann manchmal doch wieder zum Springen (wie bei dir), wenn z.B. noch ein border dazukommt oder so.
   

Und nicht vergessen: float am Ende mit clear wieder auflösen, sonst kannst du das gleiche Problem nochmal andersrum kriegen.

Ok,

hat geholfen und funktioniert

Prinzipell musste ich das ganze über css nur nach rechts floaten, dann ging es gut. Hätte ich nicht sofort in den Templates gespielt, hätte ich es wahrscheinlich früher gelöst.

php: 1: 2: 3: 4: 5: <div id="userpic"><?php userphoto_the_author_thumbnail(); ?></div>                             <div id="post-<?php the_ID(); ?> ">                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

Dort habe ich dann "userpic" float: right im css gegeben und dann hat es so funktoniert wie gewünscht.

Danke für den Schubser in die Richtung