Alternative zu "float"

Mr.Egon

n abend,
so, bin auch wieder da. Ich möchte auf meiner seite mal ein wenig mit den positionen rumspielen, aber schon jetzt stehe ich vor der frage, wie ich die divs nebeneinander anzeigen lassen kann.
Eine hirachiche Tabelle würde mich sehr weiterhelfen (welche befehle stärker als andere sind u.s.w.), denn "float" ist wie ich finde sehr unkonfortabel, aber scheint sehr weit oben zu sein in der "Liste".
Sprich entweder left oder right, aber 50 pixel von links und dann umfloaten lassen funktioniert damit nicht.
Kann mir einer eine Alternative also zu float sagen, die es mir erlaubt konfortabler die divs umfließen zu lassen?
Danke !

grüße aus der hauptstadt

sejuma

Float finde ich in jedem Fall besser als absolute Positionierungen, da es dann meist irgendwann zu Problemen kommt.
50px von Links geht auch mit float:

Code

<div style="float:left; margin-left:50px;">Dieser Text beginnte 50px von links</div>

DarkSyranus

Moin
Dein Problem haben viele, Divs sind einfach noch zu unkompfortabel.
Bisher gibt es dafür nur float.
Soll sich mit CSS 3 ändern, aber immoment hast du leider pech

Was genau klapt bei dir denn nicht?
Ich krieg eigentlich immer alles hin.
Beschreib mal ein wenig genauer.

Mr.Egon

moment, ich muss noch mal einen moment dran basteln !
aber gibt es allgemein probleme bei float im IE ? weil das funktioniert bei mir nämlich überhaupt nicht.

sejuma

Müsstest mal deinen Quellcode mit CSS posten.
Der "float" bezieht sich grundsätzlich nur auf die Höhe des gefloateten Elementes.
Ist z.B. der danebenstehende div länger als der gefloatete div, dann setzt sich der zweite div unterhalb des gefloateten fort. Dem kann man mit einem margin-Wert entsprechend der Breite des gefloateten div's abhelfen.
http://css-technik.de/css-examples/219_9/

Mr.Egon

den artikel hab ich gelesen, danke !
ich hab jetzt einfach beide elemente gefloatet (left und right) und sie sitzen auch recht gut und das in beiden browsern, was mich ja schonmal ungemein beruhigt.
naja das zumindest aber nun hab ich eine grafik (http://mregon.mr.funpic.de/HTML/forumtemp…r/main_back.png) und diese soll sich solange entlang der y-achse repeaten, bis der inhalt reinpasst. IE funktioniert das auch ganz gut, aber für den ff zählen die gefloateten dinger nicht mehr als inhalt und somit wird die grafik im hintergrund überhaupt nicht mehr angezeigt.

schauts euch selbst an: http://mregon.mr.funpic.de/HTML/forumtemp/

html

Zitat

<body>

<div class="back">
<div class="maintext">hallo

Nun denn, viel spaß beim lesen!
eeeeeee
eeeeeee
eeeeeee
eeeeeee</div>
<div class="counter">
[Blockierte Grafik: http://www.vcount.de/112471_black.gif]

<div>

</div>

</body>

Alles anzeigen

css

Zitat

.back {
background-image: url(bilder/main_back.png);
background-repeat:repeat-y;
width: 964px;
height: 80%;
}

.counter {
width: 164px;
height: 66px;
text-align: center;
float: right;
}

.maintext {
width: 800px;
height: 70%;
color: #ffffff;
font-weight:normal;
text-align: center;
float: left;
}

Alles anzeigen

tja, wie bekomme ich den scheiß richtig gebogen?

DarkSyranus

Moin
Schau dir mal den CSS Befehl clear an.

Code

<body>
  <div class="back">
    <div class="maintext">hallo 


      Nun denn, viel spaß beim lesen! 
 eeeeeee 
 eeeeeee 
 eeeeeee 
 eeeeeee
    </div>
    <div class="counter">
      [url='http://www.vcount.de/'][img]http://www.vcount.de/112471_black.gif[/img][/url]
    </div>
    <div style="clear: both;"></div>
  </div>
</body>

Alles anzeigen

So sollte es gehen.
Btw. du kööntest auch mal das vorletzte <div>, das eigentlich so wie ich es sehe ein </div> sein soll, durch ein </div> ersetzen =)

/edit: Ich meinte natürlich </div>

Mr.Egon

boah, das haut mich um ! das funktioniert tatsächlich...
wobei dein letzter satz wenig merkwürdig ist... <div> durch <div> ersetzen
aber ich hab verstanden was du meintest

Tags