aber wenn ich einen
float: left;
display: inline;
hinzufüge passiert nichts...
also ich habe jetzzt aus <div id="menu, info und facebook" jetzt <div class="menu, info und facebook"> gemacht und jetzt sind die boxen verschoben und eine bos ist weiter unten, warum?
Habe gerade schon die suchfunktion benutz, habe da auch etwas gefunden bin aber auf keine lösung bekommen.
Hallo, ich mächte gerne 3 Div Container neben ein ander darstellen lassen.
HTML
<link rel="stylesheet" type="text/css" href="/style/footer-style.css" /> <div id="menu"><h2>Informationen</h2><li><a href="#" rel="nofollow">Kontakt</a></li><li><a href="#" rel="nofollow">Partner</a></li><li><a href="#" rel="nofollow">Datenschutz</a></li> <li><a href="#" rel="nofollow">Impressum</a></div><div id="info">Änderungen und Irrtümer vorbehalten. Keine Garantie über Vollständigkeit, Richtigkeit oder Aktualität der Angaben. Dies beinhaltet besonders direkte und indirekte Links zu anderen Webseiten. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Wir übernehmen keinerlei Garantie für die Richtigkeit, den Erhalt oder das Funktionieren angebotener Produkte. Die Markennamen und Warenzeichen sind Eigentum der rechtmäßigen Eigentümer und werden hier ausschliesslich zur Produktbeschreibung eingesetzt.</div><div id="facebook"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdiamondkey.de&width=180&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:180px; height:258px;" allowTransparency="true"></iframe></div>CSS
#menu {
background-color: #FFFF00;
width: 160px;
height: 300px;
display: inline-block;
}
#info {
background-color: #008000;
width: 560px;
height: 300px;
display: inline-block;
}
#facebook {
background-color: #FF0000;
width: 180px;
height: 300px;
display: inline-block;
}nun passt allerdings die höhe der div´s container nicht.
Link zur homepage http://diamondkey.de/ es wird im footer dargestellt.