Hallo zusammen vllt. weiß jemand weiter..
ich versuche die ganze zeit meine 3 divs nebeneinander also horizontal auszurichten jedoch ohne erfolg...
ich habe float display alles schon versucht nichts funktioniert...
hier mal mein code:
HTML
<section> <div id="bottom"> <div class="b_item" id="kontakt"> <h4>Kontakt</h4> <div class="block">Lorem ipsum dolor sit amet, <br />consetetur sadipscing elitr, sed diam nonumy eirmod <br />tempor invidunt ut l </div> </div>
<div class="b_item" id="anfahrt" > <h4>Anfahrt</h4> <div style="width: 300px"> <iframe width="300" height="150" src="http://regiohelden.de/google-maps/map.php?width=300&height=150&hl=de&q=Marienstraße 23, 70178 Stuttgart+(RegioHelden GmbH)&ie=UTF8&t=&z=14&iwloc=A&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"> <a style="font-size: 9px;" href="http://www.regiohelden.de/google-maps/" style="font-size: 9px;">Google Maps Generator</a> by <a href="http://www.regiohelden.de/">RegioHelden</a> </iframe><br /><span style="font-size: 9px;"> </span> </div> </div>
<div class="b_item" id="support"><h4>Support</h4> <div class="block">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l<br /> </div> </div> </div> </section>
CSS
#bottom { background-color: #838b8b; width: 100%; height: 200px;}.b_item{ background-color: red; height: 180px; width: 300px; display: inline; text-align: left;}#kontakt{ float: left; font-family: Arial, sans-serif; font-size: 16px;}#anfahrt{ width: 300px;}#support{ clear:left
habs gelöst! alle divs links floaten! trotzdem danke an alle die es sich angeschaut haben!