Hallo,
wie ist es möglich die unteren div boxen so darzustellen, dass der gelbe hintergrund den style bildrand nicht überschreitet,
ich kann den fehler nicht finden:
Screenshot:
[Blockierte Grafik: http://bilderhost.com/PhotoSharing/t12941_screenshot1.jpg]
Quellcode:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head> <title>Little Boxes 2 - Feste Box mit 2 Grafiken</title>
<style type="text/css">body { width: 720px; font-size: small; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; margin: 10px auto; }
div.rundebox_header { width: 718px; background: #f3c600 url(unten_header.gif) no-repeat left bottom; }div.rundeboxlinks { float:left; width: 508px; background: #f3c600 url(unten_header.gif) no-repeat left bottom; }div.rundeboxlinks h3 { background: transparent url(oben.gif) no-repeat left top; padding: 10px 20px 0 20px;}div.rundeboxrechts { float:left; width: 208px; background: #f3c600 url(unten_rechts.gif) no-repeat left bottom; }div.rundeboxrechts h3 { background: transparent url(oben_rechts.gif) no-repeat left top; padding: 10px 20px 0 20px;}</style></head><body><div class="rundebox_header"> <h3></h3> <p><img src="logo.gif" height="100px" alt="logo" /><img src="logo_header.gif" height="50px" alt="menue" style="margin-bottom:20px; margin-left:5px;" /></p></div> <div class="rundeboxlinks"> <h3>Titel</h3> <p>Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... </p></div> <div class="rundeboxrechts"> <h3>Menü</h3> <p>menuepunkte<br /> Home </p></div> </body></html>
Vielendank im vorraus
lg Jens