Div nebeneinander

[Cassandra]

Hallo ihr lieben,

ich möchte gern zwei Div's nebeneinander anzeigen lassen. Leider weiß ich nicht mehr, welche Zeile ich dazu einfügen muss. Hier mein testcode:

<div class="container">  
    <div class="forum_header">  
        <div class="forum_header_box">  
            blub  
        </div>  
        <div class="forum_header_box">  
            blub  
        </div>  
    </div>  
</div>

und die css:

.container {  
	margin: auto;  
	width: 950px;  
}  
  
.forum_header {  
	display: inline;  
}  
  
.forum_header_box {  
	width: 250px;  
	text-align: left;  
}

Kann mir jemand bitte nen Tip geben?

[GermanysNextTopfmodel]

Hi,
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float ist Dein Freund

GermanysNextTopfmodel

[Cassandra]

Vielen Dank. Danach hab ich gesucht :-)

[bleicher]

Grüße,

Kann mir jemand bitte nen Tip geben?

du könntest die beiden mit

float:left;

versehen, je nach dem, wie genau das am ende aussehen muss
uU wird gat tabelle oder ä. nötig sein
MFG
bleicher

[Markus jeschar]

Hallo ihr lieben,

ich möchte gern zwei Div's nebeneinander anzeigen lassen. Leider weiß ich nicht mehr, welche Zeile ich dazu einfügen muss. Hier mein testcode:

<div class="container">

<div class="forum_header">
        <div class="forum_header_box">
            blub
        </div>
        <div class="forum_header_box">
            blub
        </div>
    </div>
</div>

>   
> und die css:  
> ~~~css

.container {  

> 	margin: auto;  
> 	width: 950px;  
> }  
>   
> .forum_header {  
> 	display: inline;  
> }  
>   
> .forum_header_box {  
> 	width: 250px;  
> 	text-align: left;  
> }

Kann mir jemand bitte nen Tip geben?

ein "float:left;" klappt bei mir prima - habs eben getestet. also z.B.:

<div class="container">
    <div class="forum_header">
        <div class="forum_header_box" style="float:left;">
            blub
        </div>
        <div class="forum_header_box">
            blub
        </div>
    </div>
</div>

und die css:
.container {
        margin: auto;
        width: 950px;
}

.forum_header {
        display: inline;
}

.forum_header_box {
        width: 250px;
        text-align: left;
}

wenn die box immer links floaten soll kannste es auch in deine containerdefinition integrieren.