2-Boxen nebeneinander positionieren

Kevin B. · 22. Juni 2014

PHP

#contentleft{
    float: left;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 50%;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}
#contentright{
    float: right;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 50%;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}

Alles anzeigen

Arbeite mit Prozent, bei der weite.

Kevin B. · 22. Juni 2014

Hier mal ohne Prozent

PHP

#contentleft{
    float: left;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 540px;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}
#contentright{
    float: right;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 400px;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}

Alles anzeigen

Komm ich auf das Ergebnis

Kevin B. · 22. Juni 2014

hast du ein Div für den mittel Content?
//edit
geh ich mal nicht von aus, versuch das.

PHP

#inhalt{
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
}
#contentleft{
    float: left;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 540px;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}
#contentright{
    float: right;
    margin: auto;
    margin-top:10px;
    background: #fff;
    text-align: center;
    width: 400px;
    height: 300px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    position: relative ;
}
.clean{
	clear: both;
}

Alles anzeigen

PHP

<div id="inhalt">
    <div id="contentright">contentright</div>
    <div id="contentleft">contentleft</div>
</div>
<div class="clean"></div>

2-Boxen nebeneinander positionieren

Beitrag von American Hustler (22. Juni 2014)

Beitrag von American Hustler (22. Juni 2014)

Beitrag von American Hustler (22. Juni 2014)

Beitrag von American Hustler (22. Juni 2014)

breadfish.de 12. März 2022