2 divs nebeneinander anordnen

[hokage555]

Hi leutis ;-)

ich hab folgendes problem.
in einem inhaltsdiv gibt es 2 unterdivs.

textdiv und bilderdiv

diese beiden divs möchte ich jetzt nebeneinander anordnen.
und das ist auch schon das prmit float:right und left hab ich es schon versucht. klappt auch vom prinzip, allerdings befinden sich die divs nicht mehr innerhalb des umgebenden divs. dieser tt so, als wären da keine anderen divs in ihm.

mit margin-left:auto; kann ich zwar den 2ten div rechtsbündig machen, aber trotzdem wird dieser dann nicht rechts neben, sondern rechts unter dem ersten div angezeig.

hat einer von euch eine idee???

wäre cool

hier die seite:

Faszination Internet - Zusatz

grüße hokage

 

[neuroleptika]

Ich kann weder textdiv noch bilderdiv in deinem css finden
Es hört sich aber so an als ob du nicht clearen würdest.


Suchtip: float clear

 

[hokage555]

ja im css heißen die divbezeichnungen auch anders ;-)

ok dann werde ich das mal probieren xD

danke dir

grüße hokage

hi xD

ich nochmal ;-)

also das hier sind die problematischen divs im css:

.inhalt {
position:relative;
top:0;
left:0;
padding-top:10px;
padding-left:10px;
-moz-border-radius-bottomright:25px;
-khtml-border-radius-bottomright:25px;
text-align:justify;
font-size:12px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
background-color:#000000;
padding-bottom:15px;
padding-right:10px;
border:1px solid #8c8c8c;
z-index:2;
clear:both;
}

.inhalt-text{
float:left;
clear:left;
width:580px;
text-align:justify;
font-size:12px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
margin-top:10px;
margin-left:10px;
padding:10px;
background-color:#050328;
border:1px solid #8c8c8c;
clear:both;
}

#briefkasten{
float:right;
clear:right;
width:150px;
background-color:#000000;
border:1px solid #8c8c8c;
}

so der div ".inhalt" ist der äußere div.
dadrinn gibt es den div ".text-inhalt" und den div "#briefkasten"

.text-inhalt soll linksbündig angezeigt werden. .briefkasten halt rechts daneben. dies will aber nicht klappen.
so sieht es mit float aus:

Faszination Internet - Zusatz

jetzt nochmal meine frage...
ich hab mir das mit dem clear amal angeschaut. habs aber nit ganz verstanden...
wo muss ich denn das clear einfügen, so dass die beiden inneren divs komplett vom ".inhalt" div umgeben sind???

grüße hokage

 

[Efchen]

.text-inhalt soll linksbündig angezeigt werden. .briefkasten halt rechts daneben. dies will aber nicht klappen.

Klappt doch gut. Die beiden sind nebeneinander.

wo muss ich denn das clear einfügen, so dass die beiden inneren divs komplett vom ".inhalt" div umgeben sind???

In einem Element, das nach den beiden gefloateten kommt.

Übrigens verstehe ich nicht, welche Existenzberechtigung div#briefkasten hat. Welche mehreren Elemente gruppierst Du mit dem div?
Außerdem fehlt in dem Image das alt-Attribut, aber wenn - wie ich vermute - das Bild ohnehin nur Zierde ist und kein Content, dann sollte es ohnehin sinnvollerweise als background-image eingebaut werden, dann darf das div#briefkasten wieder stehen bleiben, enthält aber nichts :-)

 

[hokage555]

ok xD

danke dir schon einmal.
hat geklappt ;-)

aber wie du jetzt siehst hängen die beiden divs mitten im footer rum^^
und eig. sollten die sich ja innerhalb des ".inhalt" tags befinden.
und das ist leider immernoch nicht der fall -_-'

kriegt man das irwie hin?

ja mit dem pic als bground-image is ne gute ideee^^
is auch nur zierde^^
deshalb habe ich auch kein alt-attribut verwendet^^

aber wie sagt man doch so schön?

design NUR mit css xD

grüße hokage

 

[Efchen]

aber wie du jetzt siehst hängen die beiden divs mitten im footer rum

Nö, seh ich nicht. Tun sie doch gar nicht.

und eig. sollten die sich ja innerhalb des ".inhalt" tags befinden.
und das ist leider immernoch nicht der fall -_-'

Ich sehe auch in .inhalt kein Element hinter den beiden anderen. Wenn da kein Element ist, kann da auch keines sein, das gecleart ist.

kriegt man das irwie hin?

Ja, mit clear, s.o.

ja mit dem pic als bground-image is ne gute ideee^^
is auch nur zierde^^
deshalb habe ich auch kein alt-attribut verwendet^^

Im <img>-Tag ist das alt-Attribut Pflicht. Wenn man aber nicht weiß, was man da eintragen soll, dann liegt die Vermutung nahe, dass das Bild eigentlich kein Inhalt ist, sondern Zierde und dann besser im Stylesheet aufgehoben ist.

 

[hokage555]

also ...

was ich meine ist folgendes.
jetzt hat sich so zu sagen der footer an die beiden floats angepasst.
ich möchte aber, dass sich .inhalt daran anpasst.


schau dir die seite genau an.

unter der menuleiste ist ein kleiner freiraum. nach diesem ist wieder ein rahmen sichtbar.
dieser freihraum ist der .inhalt

und dadrinn sollten auch die beiden floats sein. allerdings ragen sie nach unten hin aus dem div .inhalt raus.
und das möchte ich nicht. der div .inhalt soll den kompletten float umschließen.

verstehst jetzt was ich meine???
clear ist ja schön und gut aber .inhalt passt sich trotzdem nicht an die floats an...

geht das so, wie ich es meine???

hoffe du hast mich richtig verstanden xD

grüße hokage

 

[hokage555]

ahhh ^^

ich hab mir deinen vorogen post nochma genauer angeguckt und habs anch deiner dort beschreibenen anleitung jetzt so gemacht:

einen 3ten div in .inhalt ans ende gesetzt.

diesen leer gelassen und in css gecleart.

jetzt funzt es auf alle fälle ;-)

hoffe ich habe dich da richtig verstanden ;-)
oder gibts noch ne andere, schönere lösung ohne den leeren div???

grüße hokage

 

[neuroleptika]

Du könntest auch ein <hr> oder <br> verwenden.
Oder clearfix.
Hier wird es als easyclear beschrieben:
Einschließen von Floats ohne zusätzliches Markup - easyclear

 

[hokage555]

ah ok ;-)

danke für den tipp xD

grüße hokage