Div Container neben einander?

[Krisstallon]

Heyho.
Hab wieder mal nen Problem und Google hilft nicht ganz.



Wie man dort sieht ist links das Bild und rechts die Likebox.

Das Layout ist 980px breit. Die Like Box 300 (bzw noch 292).

Wie bekomme ich das jetzt hin, dass ich erstens die beiden Divcontainer nebeneinander bekomme. ( #like , #bilder)

Und zweitens den Bilder Div auf 680 px festlege und das Bild darin zentriere.

Liebe Grüße

Danke schonmal im vorraus

[NotEnoughForYou]

Das selbe hatten wir doch vorhin schon .... mit float. Dem Bild div 680px als width geben und dann mit margin positionieren.

[Krisstallon]

hab ich ja gemacht nur guck dir jetzt mal an wo die likebox ist

[NotEnoughForYou]

Zeig mal den jeweiligen Code ausschnitt. Sprich den HTML Teil + den CSS Teil

[Krisstallon]

HTML:
<div id="main_wrapper">
<div id="main">
<div class="clearer">&nbsp;</div>

<div class="center" id="bilder">

<img src="***** please.jpg" />

</div>
<div class="clearer">&nbsp;</div>
<div id="fb-root"></div>

<div id="like">
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=202988133142848";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Fun-and-Failsde/394383930572503" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
</div>
</div>
<div class="clearer">&nbsp;</div>


CSS:

#like { float:right }
width:300px; height:auto; }
#bilder
{
width:580px; height:auto;
}

#main_wrapper {
background: url('img/main_wrapper.gif') repeat-y;
border-bottom: 1px solid #C3C4C1;
margin-bottom: 3px;

[NotEnoughForYou]

#like { float:right }
 width:300px; height:auto; }

du hast da ne } zuviel

bei #main_wrapper fehlt die } (denke mal dass ist nur ein kopier fehler ), #main_wrapper braucht ne feste width, wieso clearst du , bevor du gefloatet hast ? (was hat #main in der css ? )

[Deathman10]

wie wärs mit position:absolute/relative/fixed/...; ?

[NotEnoughForYou]

Originally Posted by Deathman10

wie wärs mit position:absolute/relative/fixed/...; ?

position ist wenn nicht angegeben static. Absolute sollte man vermeiden ( wenn man es nicht zwingend für diese eine Lösung braucht). In diesem Fall reicht static vollkommen aus.

[Krisstallon]

#main {
background: url('img/main.gif') no-repeat;
padding: 24px 0;

Das ist die Main.

Der Wrapper ist nur das ganz kleine graue teil daoben zwischen navigation und main.

Das andere war nen Kopier fehler und die andere klammer wurde entfernt.

Komme nicht mit clear and float klar

[NotEnoughForYou]

... wenn du willst kannst du mich in Skype adden und es mir schicken, dann mach ich es kurz.

Skype: Sillitas