|
|||
Im IE6 verrutscht mir ein div (Spalte) nach unten
Hallo miteinander,
vorweg ich bin neu hier, verzeiht mir deshalb, wenn ich irgendetwas blödes frage oder schreibe. Habe meine erste Website nun komplett mit css formatiert. Leider tritt im IE6 dabei ein ein gravierender Fehler auf: Die rechte Spalte verrutscht nach unten. Was ist was: Im container "content" befindet sich ein div namens "linkespalte" und ein div namens "rechtespalte". Die rechte Spalte verrutscht nach unten. Die website kann man sich unter P U R E M O U N T A I N E Q U I P M E N T S H O P G A R G E L L E N anschauen. Nachfolgend der html code und das stylesheet, vielleicht kann mir ja jemand helfen. HTML-Code:
<!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> <meta name="description" content="Pure Mountain Equipment Shop, der Sportshop in Gargellen, Skiverleih, Skiservice und Skidepot" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Sportshop, Ski, Steigeisen, Gargellen, Pure Mountain, Snowboard, Wintersteiger, Hochtour, Schneeschuhe, Norrona, Vaude, Black Diamond, Rent, Skiverleih, Skiservice, Montafon, Hochmontafon, Schischule, Skischule, Bergbahnen Gargellen, Lupo, Skidepot, Talstation" /> <title>P U R E M O U N T A I N E Q U I P M E N T S H O P G A R G E L L E N </title> <link rel=”shortcut icon” href=”pme/favicon.ico” type=”image/x-icon”> <link rel="stylesheet" type="text/css" href="layout.css"/> <link href="lightbox.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> </head> <body id="index"> <div id="wrapper"> <div id="topnavi"> <ul> <li id="topnavi1">[ <a href="kontakt.html">Kontakt</a> ]</li> <li id="topnavi2">[ <a href="impressum.html">Impressum</a> ]</li> <a href="http://www.traumschnee.at"><img src="seitengrafiken/icon_bergbahn.png" alt="Zu den Bergbahnen Gargellen" width="50" height="30" align="absmiddle" /></a> <a href="http://www.tourandclimb.at"><img src="seitengrafiken/icon_tundc.png" alt="Zur Tour $ Climb Trophy" width="50" height="30" align="absmiddle" /></a> <a href="http://www.waterattack.at"><img src="seitengrafiken/icon_wa.png" alt="Zum Water Attack Gargellen" width="50" height="30" align="absmiddle" /></a> </ul> </div> <div id="banner"> <a href="index.html"><img src="seitengrafiken/logo_top.png" alt="hier gelangst du zur base" name="abstand_logo" width="363" height="187" border="0" /></a> </div> <div id="info_zeiten"> <div id="talstation"> <img src="seitengrafiken/direkt.png" alt="Bequemer geht es nicht..." width="363" height="40"/> </div> <div id="zeiten"> <p>täglich von 8.00 - 18.00 Uhr - Tel. +43.(0)5557.6310.600</p></div> </div> <div id="navigation"> <ul> <li id="navi1"><a href="index.html">base</a></li> <img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" /> <li id="navi2"><a href="shop.html">shop</a></li> <img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" /> <li id="navi3"><a href="service.html">service</a></li> <img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" /> <li id="navi4"><a href="verleih.html">rent</a></li> <img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" /> <li id="navi5"><a href="depot.html">depot</a></li> </ul> </div> <div id="content"> <div id="linkespalte"> <p> <h2>"Wir freuen uns über Ihren Besuch!"</h2></p> <div id="content_text"><p>Herzlich Willkommen auf der Internetseite von Pure Mountain Equipment. In unserem Shop stehen Ihnen kompetente Mitarbeiter für alle Fragen und Wünsche rund um die Themen Ski, Snowboard, Tourenski und Winterwandern zur Verfügung.</p><p>(Zum Vergrößern einfach auf das Bild klicken)</p><br /> <p><a href="images/pano_shop_gr.jpg" rel="lightbox" title="Das sehen Sie, wenn Sie unseren Shop betreten"><img src="seitenfotos/pme_pano_neu.jpg" width="533" height="197" alt="Pure Mountain Equipment im Rundumblick" class="bild_top"/></a></p> <p>Unser Shop, sowie die Service- und Verleihabteilung haben in der Wintersaison vom 04.12.09 bis zum 18.04.2010 täglich von 8.00 bis 18.00 Uhr geöffnet.</p> </div> <div id="rubriken"> <div id="rubrik_shop"> <p><h4>Pure Mountain Equipment - SHOP</h4> <p><img src="seitenfotos/shop.jpg" width="150" height="80" alt="Exklusive Marken bei uns im Shop" /></p> In unserem Shop finden Sie rund um das Thema Bergsport im Winter - natürlich auch im Sommer - alles was sie für einen tollen Tag draußen in der Natur bei Ihrem Sport brauchen. <a href="shop.html"> Weitere Infos >>></p></a></div> <div id="rubrik_service"> <p><h4>Pure Mountain Equipment - SERVICE</h4> <p><img src="seitenfotos/service.jpg" width="150" height="80" alt="Servicemaschinen vom Feinsten"/></p> <p>Mit hocheffizienten Servicemaschinen bringen wir Ihr Equipment auf den Vordermann. Am Abend gebracht - am nächsten Morgen gemacht. Und wenn es sein muss, legen wir auch Hand an. <a href="service.html">Weitere Infos >>></a></p> </div> <div id="rubrik_rent"> <p><h4>Pure Mountain Equipment - rent</h4> <p><img src="seitenfotos/verleih.jpg" width="150" height="80" alt="Große Auswahl an Wintersportgeräten im Verleih" /></p> <p>Inm unserem Verleihbereich finden Sie die neuesten Ski- und Snowboardmodelle und Wintersportgeräte. Entsprechend Ihren Wünschen werden Sie persönlich und sehr individuell beraten. <a href="rent.html">Weitere Infos>>></a></p> </div> <div id="rubrik_depot"> <p><h4>Pure Mountain Equipment - depot</h4></p> <p><img src="seitenfotos/depot.jpg" width="150" height="80" alt="Trocken und desinfiziert" /></p> <p>Bequem und komfortabel - Das Ski/Board- und Schuhdepot in unserem Shop! Über Nacht wird Ihre Ausrüstung getrocknet und die Schuhe werden zusätzlich desinfiziert. Und tragen muss man schließlich auch nichts mehr. <a href="depot.html">Weitere Infos>>></a></p> </div> <div id="ort"> <p><a href="images/pano_shop_gr_2.jpg" rel="lightbox" title="Unser Shop mit dem Verleih-Bereich"><img src="seitenfotos/pme_pano_neu_2.jpg" width="533" height="120" alt="Unser Shop mit dem Verleih-Bereich" class="bild_top"/></a></p> Der Pure Mountain Equipment Shop befindet sich direkt in der Talstation der Bergbahnen Gargellen. Vom Parkplatz aus in 1 Minute zu erreichen. Mit den Skiern können Sie eigentlich fast bis in den Shop fahren - wären da nicht zwei Türen.<br /> <p>Wir freuen uns auf SIE - Das Team vom Pure Mountain Equipment</p><br /> </div> </div> </div> <div id="rechtespalte"> <div id="navigation_rechts"> <ul> <li id="navi1_r"><img src="seitengrafiken/b_reservierung.png" alt="Online Reservierung" width="54" height="54" align="absmiddle" /> <a href="reservierung.html">online-reservierung</a><a href="reservierung.html"></a></li> <li id="navi2_r"><img src="seitengrafiken/b_download.png" alt="Zum Downloadbereich" width="54" height="54" align="absmiddle" /> <a href="download.html">download</a></li> <li id="navi3_r"><img src="seitengrafiken/b_anfahrt.png" alt="Anfahrhinweise" width="54" height="54" align="absmiddle" /> <a href="anfahrt.html">anfahrt</a></li> <li id="navi4_r"><img src="seitengrafiken/b_bergbahn.png" alt="Zu den Bergbahnen Gargellen" width="54" height="54" align="absmiddle" /> <a href="http://www.gargellen.at/bergbahnen_winter.html">bergbahnen gargellen</a></li> </ul> </div> <div id="new"> <p><img src="seitenfotos/kristallbahn.jpg" width="297" height="250" alt="Informationen zur neuen Kristallbahn" /></p> <div id="text_kb"> <p>Die neue Kristallbahn: Ein 6er Sessellift mit Wetterschutzhaube und Sitzheizung. Durch Abbruch und Umbau von bestehenden Liften wurde dadurch auch ein umfangreicheres Pistenangebot in Gargellen geschaffen. <a href="http://www.gargellen.at/bergbahnen_winter.html">Mehr Infos>>></a></p></div> </div> <div id="tac"> <p><img src="seitengrafiken/tac.png" width="277" height="79" alt="Tour & Climb Trophy"" /></p> <div id="text_tac"> <p>Am 10. April 2010 findet die zweite Tour&Climb Trophy in Gargellen statt. Ein kurzweiliger Wettbewerb aus einer Kombination aus Tourengehen und Klettern. <a href="http://www.tourandclimb.at">Mehr Infos>>></a></p> </div> <div id="wa"> <p><img src="seitengrafiken/wa.png" width="277" height="79" alt="Water Attack und Beachparty in Gargellen" /></p> <div id="text_wa"> <p>Am 17. April 2010 wird auf 1500m in Gargellen die Badesaison eingeläutet. Water Attack Contest und Beachparty beim Schirm direkt neben der Talstation. <a href="http://www.waterattack.at">Mehr Infos>>></a></p> </div> </div> </div><div id="bilderleiste"> <p><img src="seitenfotos/index_rechts.jpg" width="297" height="274" alt="Viele Sondermodelle im Verleih" /></p><br /> </div> </div> </div> <div id="marken"> <p><img src="seitengrafiken/markenbanner.png" alt="Das ist nur ein Tei, der Marken, die wir führen" width="950" height="140" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="10,7,138,39" href="http://www.vaude.com" alt="Zur Website von Vaude" /> <area shape="rect" coords="146,6,258,37" href="http://www.leki.de" alt="Zur Website von Leki" /> <area shape="rect" coords="269,8,381,38" href="http://www.norrona.com/en" alt="Zur Website von Norrona" /> <area shape="rect" coords="394,10,530,36" href="http://www.karitraa.com/" alt="Zur Website von Kari Traa" /> <area shape="rect" coords="542,8,687,37" href="http://www.bdel.com" alt="Zur Website von Black Diamond" /> <area shape="rect" coords="696,5,761,64" href="http://www.snowpulse.ch/v5/de/" alt="Zur Website von Snowpulse" /> <area shape="rect" coords="765,7,820,59" href="http://www.deuter.com/" alt="Zur Website von Deuter" /> <area shape="rect" coords="829,7,938,59" href="http://www.lasportiva.it/Inglese/HomePage.php" alt="Zur Website von La Sportiva" /> <area shape="rect" coords="7,49,61,99" href="http://www.wildroses.it/index.php?lan=en" alt="Zur Website von Wild Roses" /> <area shape="rect" coords="65,49,206,66" href="http://www.scott-sports.com/" alt="Zur Website von Scott" /> <area shape="rect" coords="67,70,189,96" href="http://www.fischersports.com/de/" alt="Zur Website von Fischer" /> <area shape="rect" coords="213,49,285,72" href="http://www.shredoptics.com/" alt="Zur Website von Shred" /> <area shape="rect" coords="291,44,362,77" href="http://www.ripcurl.com/" alt="Zur Website von Rip Curl" /> <area shape="rect" coords="373,43,451,79" href="http://www.gloryfy.com/" alt="Zur Website von Gloryfy" /> <area shape="rect" coords="464,46,556,65" href="http://www.slytechprotection.com/" alt="Zur Website von Slytech" /> <area shape="rect" coords="563,43,661,64" href="http://www.giro.com/de-eu/?loc=1" alt="Zur Website von Giro" /> <area shape="rect" coords="9,101,135,136" href="http://www.voelkl.com/" alt="Zur Website von Völkl" /> <area shape="rect" coords="145,96,184,135" href="http://www.pieps.com/" alt="Zur Website von Pieps" /> <area shape="rect" coords="199,80,246,129" href="http://www.chanex-outerwear.com/" alt="Zur Website von Chanex" /> <area shape="rect" coords="260,82,307,130" href="http://www.adidas.com/de/homepage.asp" alt="Zur Website von Adidas" /> <area shape="rect" coords="315,85,394,130" href="http://www.ortovox.com/home.html" alt="Zur Website von Ortovox" /> <area shape="rect" coords="400,84,496,129" href="www-rossignol.com" alt="Zur Website von Rossignol" /> <area shape="rect" coords="500,73,593,96" href="http://www.craft-sports.de/" alt="Zur Website von Craft" /> <area shape="rect" coords="499,106,593,130" href="http://www.reusch.com/site/" alt="Zur Website von Reusch" /> <area shape="rect" coords="607,69,725,98" href="http://www.nordica.com/site/index.php" alt="Zur Website von Nordica" /> <area shape="rect" coords="606,103,729,126" href="http://www.dalbello.it/" alt="Zur Website von Dalbello" /> <area shape="rect" coords="736,67,849,86" href="http://www.head.com/" alt="Zur Website von Head" /> <area shape="rect" coords="741,91,846,131" href="http://www.fritschi.ch/" alt="Zur Website von Fritschi" /> <area shape="rect" coords="860,64,939,94" href="http://www.x-action.at/" alt="Zur Website von X-Action" /> <area shape="rect" coords="861,99,940,134" href="http://www.alpina-eyewear.de/" alt="Zur Website von Alpina" /> </map> </p> </div> <div id="footer"> <div id="anschrift"> <p>[ A-6787 Gargellen ] [ fon 0043.(0)5557.6310.600 ] [ www.puremountain.at ]</p> </div> <div id="navigation_footer"> <ul> <li id="navi1_footer">[ <a href="index.html">base</a> ]</li> <li id="navi2_footer">[ <a href="shop.html">shop</a> ]</li> <li id="navi3_footer">[ <a href="service.html">service</a> ]</li> <li id="navi4_footer">[ <a href="verleih.html">rent</a> ]</li> <li id="navi5_footer">[ <a href="depot.html">depot</a> ]</li> <li id="navi6_footer">[ <a href="reservierung.html">online reservierung</a> ]</li> <li id="navi7_footer">[ <a href="anfahrt.html">anfahrt</a> ]</li> <li id="navi8_footer">[ <a href="kontakt.html">kontakt</a> ]</li> <li id="navi9_footer">[ <a href="download.html">download</a> ]<br /></li> <li id="navi10_footer">[ <a href="http://www.gargellen.at/bergbahnen_winter.html">bergbahnen gargellen</a> ]</li> <li id="navi11_footer">[ <a href="partner.html">kooperationspartner</a> ]</li> <li id="navi12_footer">[ <a href="impressum.html">impressum</a> ]</li> <li id="navi13_footer">[ <a href="datenschutz.html">datenschutz</a> ]</li> <li id="navi14_footer">[ <a href="agb.html">agb</a> ]</li> </ul> </div> </div> <div id="copyright"> <p>© Gargellner Bergbahnen GmbH & Co • 2006-2009</p> </div> <div id="valide"> <p><img src="seitengrafiken/vcss.gif" width="88" height="31" alt="Dieses Dokument wurde als CSS level 2.1 validiert! " /></p> </div> </div> </body> </html> Code:
@charset "utf-8"; /* CSS Document */ body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, bloclqoute, th, td { margin:0; padding:0; font-size:100%; } h1, h2, h3, h4, h5, h6 { font-size:100%; } ol, ul { list-style-type:none; } img { border:0px; } a area {outline: none;} a:focus { outline:none; } a:focus { border:none; } body { font-family:"Arial", Helvetica, sans-serif; font-size:0.9em; color:#FFF; background-color:#000; background-image:url(seitengrafiken/gradient_to_blue.png); background-repeat:repeat-x; } a:link { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #009EE0; } a:visited { text-decoration:none; } h1 { font-size:180%; } h2 { height:40px; padding-top:6px; padding-left:10px; font-size:160%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:lighter; color:#FFF; font-style:italic; background-image:url(seitengrafiken/bg_headline_page.png); background-repeat:repeat-x; } h3 { font-size:140%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:lighter; color:#FFF; padding-bottom:5px; background-image:url(seitengrafiken/bg_ue_schriften.png); background-position:bottom; background-repeat:no-repeat; margin-bottom:15px; } h4 { height:40px; padding-top:8px; padding-left:10px; padding-bottom:10px; font-size:180%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:lighter; color:#FFF; text-transform:uppercase; background-image:url(seitengrafiken/bg_headline_2.png); background-repeat:repeat-x; } h5 { margin-bottom:10px; font-size:120%; font-weight:bold; font-variant:small-caps; padding-top:5px; padding-bottom:5px; border:2px; border-style:solid; border-color:#CCC; border-left:none; border-right:none; } h6 { margin-left:20px; padding-bottom:5px; padding-left:5px; font-size:1.5em; color:#999; font-variant:small-caps; } #wrapper { background-color:#000; background-image:url(seitengrafiken/back.png); background-repeat:no-repeat; color:#FFF; width:950px; margin-top:5px; margin-right:auto; margin-bottom:15px; margin-left:auto; } #topnavi { height:10px; font-size: 0.8em; letter-spacing:0.2em; font-weight:bold; text-align:right; text-transform:lowercase; padding-top: 4px; padding-bottom: 24px; } #topnavi a:hover { color:#CCCCCC; } #topnavi li { display:inline; } #topnavi a { color:#BAC451; padding-left:5px; text-transform:uppercase; } #impressum #topnavi2 a, #kontakt #topnavi1 a { color:#FFF; font-weight:bold; } #banner { height:300px; background-image:url(bannerfotos/b_index_rahmen.jpg); background-position:right; background-repeat:no-repeat; } #banner2 { height:300px; background-image:url(bannerfotos/banner_reservierung.jpg); background-position:right; background-repeat:no-repeat; } #banner3 { height:300px; background-image:url(bannerfotos/banner_download.jpg); background-position:right; background-repeat:no-repeat; } #banner4 { height:300px; background-image:url(bannerfotos/banner_kontakt.jpg); background-position:right; background-repeat:no-repeat; } #banner5 { height:300px; background-image:url(bannerfotos/banner_impressum.jpg); background-position:right; background-repeat:no-repeat; } #banner6 { height:300px; background-image:url(bannerfotos/banner_datenschutz.jpg); background-position:right; background-repeat:no-repeat; } #banner7 { height:300px; background-image:url(bannerfotos/banner_anfahrt.jpg); background-position:right; background-repeat:no-repeat; } #banner8 { height:300px; background-image:url(bannerfotos/banner_verleih.jpg); background-position:right; background-repeat:no-repeat; } #banner9 { height:300px; background-image:url(bannerfotos/banner_partner.jpg); background-position:right; background-repeat:no-repeat; } #banner10 { height:300px; background-image:url(bannerfotos/banner_depot.jpg); background-position:right; background-repeat:no-repeat; } #banner11 { height:300px; background-image:url(bannerfotos/banner_service.jpg); background-position:right; background-repeat:no-repeat; } #banner12 { height:300px; background-image:url(bannerfotos/banner_shop.jpg); background-position:right; background-repeat:no-repeat; } #info_zeiten { width:950px; padding-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#FFF; } #talstation { padding-right:5px; float:left; } #zeiten { height:30px; padding-top:10px; } #navigation { margin-left:2px; text-align:center; clear: both; padding-top:12px; font-size:2.2em; letter-spacing:0.1em; } #navigation li { display:inline; } #navigation a { padding-right:7px; padding-bottom:15px; padding-left:7px; color:#BAC451; text-transform:uppercase; } #navigation a:hover { color:#FFF; background-image:url(seitengrafiken/pfeil_unten.png); background-repeat:no-repeat; background-position:bottom; } #index #navi1 a, #shop #navi2 a, #service #navi3 a, #rent #navi4 a, #depot #navi5 a { text-decoration:none; color:#CCCCCC; background-image:url(seitengrafiken/pfeil_unten.png); background-repeat:no-repeat; background-position:bottom; } #index #navi1 a:visited, #shop #navi2 a:visited, #service #navi3 a:visited, #rent #navi4 a:visited, #depot #navi5 a:visited { text-decoration:none; } #content { width:950px; margin-top:45px; float:right; } #linkespalte { background-color:#202020; float:left; width:553px; padding-top:20px; padding-right:20px; padding-bottom:5px; padding-left:20px; margin-bottom:25px; } #rechtespalte { float:right; width:307px; padding-right:15px; padding-bottom:20px; padding-left:30px; } #navigation_rechts { width:317px; } #navigation_rechts a { padding-left:6px; padding-right:5px; padding-bottom:14px; color:#BAC451; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; } #navigation_rechts li { background-color:#202020; padding-bottom:5px; margin-bottom:5px; padding-top:5px; padding-left:25px; border-color:#2A2A2A; border-style:solid; border-width:5px; } #navigation_rechts a:hover { color:#FFF; } #reservierung #navi1_r a, #download #navi2_r a, #anfahrt #navi3_r a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFF; text-decoration:underline; } #marken { clear:both; margin-bottom:15px; } #footer { height:170px; background-image:url(seitengrafiken/bg_footer.png); background-repeat:no-repeat; color:#999; } #anschrift { padding-top:65px; text-align:center; } #navigation_footer { margin-top:35px; text-align:center; } #navigation_footer li { display:inline; } #index #navi1_footer a, #shop #navi2_footer a, #service #navi3_footer a, #rent #navi4_footer a, #depot #navi5_footer a, #reservierung #navi6_footer a, #anfahrt #navi7_footer a, #kontakt #navi8_footer a, #download #navi9_footer a, #bergbahn #navi10_footer a, #partner #navi11_footer a, #impressum #navi12_footer a, #datenschutz #navi13_footer a, #agb #navi14_footer a { color:#CCCCCC; font-weight:bold; } #navigation_footer a { padding-bottom:18px; color:#BAC451; text-transform:uppercase; } #navigation_footer a:hover { color:#FFF; } #copyright { margin-top:15px; padding-bottom:15px; text-align:center; font-size:0.8em; color:#009EE0; } #content_text { margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; letter-spacing:0.1em; color:#E7EAC3; } #rubriken { margin-top:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; letter-spacing:0.1em; color:#E7EAC3; } #rubriken img { border-color:#FFF; border-width:10px; border-style:solid; } #rubriken a { color:#BAC451; font-weight:bold; text-transform:uppercase; } #rubriken a:hover { color:#FFF; } #rubrik_service { clear:left; padding-top:10px; } #rubrik_rent { clear:left; padding-top:10px; } #rubrik_depot { clear:left; padding-top:10px; } #rubriken img { float:left; margin-right:15px; margin-bottom:15px; } #ort { clear:left; padding-top:10px; text-align:left; } #new { margin-top:10px; clear:right; width:317px; padding-top:62px; background-color:#222130; background-image:url(seitengrafiken/new.png); background-position:top; background-repeat:no-repeat; } #new img { border:10px; background-color:#FFF; border-style:solid; } #text_kb { margin-top:5px; padding-right:10px; padding-bottom:10px; padding-left:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; letter-spacing:0.1em; color:#E7EAC3; } #text_kb a { color:#BAC451; font-weight:bold; text-transform:uppercase; } #text_kb a:hover { color:#FFF; } #tac { width:317px; background-color:#005CA1; background-image:url(seitengrafiken/event.png); background-position:top; background-repeat:no-repeat; padding-top:48px; } #tac img { margin-left:10px; border:10px; background-color:#FFF; border-style:solid; } #text_tac { margin-top:5px; padding-right:10px; padding-bottom:10px; padding-left:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; letter-spacing:0.1em; color:#E7EAC3; } #text_tac a { color:#BAC451; font-weight:bold; text-transform:uppercase; } #text_tac a:hover { color:#FFF; } #wa { width:317px; background-color:#005CA1; } #text_wa { margin-top:5px; padding-right:10px; padding-bottom:15px; padding-left:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; letter-spacing:0.1em; color:#E7EAC3; } #text_wa a { color:#BAC451; font-weight:bold; text-transform:uppercase; } #text_wa a:hover { color:#FFF; } #googleroute { clear:left; padding-top:20px; padding-bottom:15px; text-align:center; } #bauprojekte { margin-top:10px; padding-top:10px; width:317px; background-color:#3B4858; } #bauprojekte a:hover { text-decoration:none; color:#FFF; } #text_bb { margin-top:5px; padding-right:10px; padding-bottom:15px; padding-left:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.7em; letter-spacing:0.1em; color:#E7EAC3; } #text_bb a { color:#BAC451; font-weight:bold; text-transform:uppercase; } #bauprojekte img { margin-left:10px; border:10px; background-color:#FFF; border-style:solid; } #vorteile li { padding-left:15px; color: #BAC451; font-size:1.0em; line-height:2.0em; } #kontakt_klick { margin-top:20px; padding-bottom:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; letter-spacing:0.1em; } .bild_top { margin-bottom:20px; border:10px; border-style:solid; border-color:#FFF; } #kontakt_pme p { font-size:1.1em; color:#BAC451; } #kontakt_pme { } #kontakt_pme p { font-size:1.1em; color:#BAC451; } #kontakt_pme a { color: #BAC451; } #kontakt_pme a:hover { text-decoration:none; color:#FFF; } #impressum_content { font-size:1.1em; color:#BAC451; } #impressum_content a { color: #BAC451; } #impressum_content a:hover { text-decoration:none; color:#FFF; } #download { color:#FFF; } #dl_inhalt img { float:left; margin-right:15px; margin-bottom:25px; } #dl_inhalt_2 { clear:left; } #dl_inhalt_3 { clear:left; } #dl_inhalt_4 { clear:left; } #depot_preise { padding-left:51px; } #formular_res { padding-left:26px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.9em; letter-spacing:0.2em; color:#FFF } #nach_oben { padding-top:10px; padding-bottom:10px; text-align:center; } #koop_partner { padding-bottom:10px; padding-left:100px; line-height:2.5em; letter-spacing:0.2em; } #koop_partner a { color:#BAC451; } #koop_partner a:hover { color:#FFF; text-decoration:none; } #koop_partner a[href^="http:"] { background-image:url(seitengrafiken/extern.png); background-position:left top; background-repeat:no-repeat; padding-left:20px; } .thumbs { margin-left:0px; margin-top:20px; margin-right:20px; border:10px; border-color:#FFF; border-style:solid; } #content_text ol { padding-left:30px; font-size:1.2em; text-transform:uppercase; color:#999; line-height:1.5em; } #modelle a { padding-left:15px; color:#BAC451; font-size:1.1em; } #modelle ol { line-height:1.8em; } #modelle a:hover { color:#FFF; } #preise_verleih ul { margin-left:30px; color:#BAC451; list-style:square; } #preise_verleih img { padding-left:20px; } .einruecken { text-align:center; } #bilderleiste { width:317px; margin-top:20px; margin-bottom:20px; background-color:#000; } #bilderleiste img { border:10px; border-style:solid; border-color:#FFF; } #valide { text-align:center; } #disclaimer { font-size:0.9em; } #service_preise { text-align:center; } #video { text-align:center; } #pfeil_nach_oben { clear:left; } Torsten |
Sponsored Links |
|
|||
Das letzte Bild in der linken Spalte ist zu breit (margin!).
Alle Inhalte in der rechten Spalte sind zu breit (317px in 307px ...). Das linke Padding der rechten Spalte ist zweckfrei -- und lässt die Spalte endgültig runterfallen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Matheschwach
Recht herzlichen Dank Frau Rudel, da habe ich wohl ihr Buch, das hier bei mir seid dieser Website auf dem Schreibtisch liegt nicht ausreichend genau gelesen. Übrigens: Super Buch!
Zu ihrer Hilfe: Habe die rechte Spalte nun angepasst. Es funktioniert auch. Was ich nicht ganz nachvollziehen kann ist: Das letzte Bild in der linken Spalte ist zu breit (margin!). Dann müsste das erste Bild in der linken Spalte auch zu groß sein. Nach meinen Berechnungen geht es aber auf und das von ihnen erwähnte margin (margin!) finde ich nicht wirklich. Trotz allem super vielen Dank Torsten |
|
|||
Zitat:
Zitat:
Und das erste Bild ist davon nicht betroffen. Bitte bleib doch beim Du, das ist hier üblich. Sonst fühl ich mich gleich noch älter. edit: Da fällt mir noch was ein: Ist es sinnvoll, den Inhalt des title so zu verunstalten? Davon abgesehen, dass mensch es nicht lesen kann -- ist das nicht auch ein Suchmaschinenkiller? Warum machst du das?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (12.12.2009 um 15:42 Uhr) |
|
|||
Title
Danke Corina,
hast natürlich mit beidem recht. Title werde ich in Suchmaschinen- und lesefreundlichen Text abändern und das besagte margin am besten ganz entfernen. 1) Hast du mir vielleicht noch irgendeinen Tipp, wie man es schafft, dass der Text und die Überschriften in verschiedenen Browsern nicht so unterschiedlich dargestellt wird? (Größe...) 2) Gibt es eine Möglichkeit, dass die beiden Spalten div "rechtespalte" und div "linkespalte" gleich lang dargestellt werden. Wenn ich in der rechten Spalte das ganze mit Fotos auffülle, bekomme ich es beim Testen in Firefox zwar einigermaßen hin, doch bei anderen Browsern sieht es nicht immer so toll aus, weil da dann auch das Problem mit der Schriftgröße dazukommt. Danke Torsten |
|
|||
Zitat:
Minimale Unterschiede sind normal. Größere Unterschiede meist auf user-spezifische Einstellungen zurückzuführen, die du nicht beeinflussen kannst. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
IE6 und IE7: Miniabstand bei zentrierten Div und Listelement mit zu großer Breite | shredder01 | CSS | 4 | 14.03.2010 18:08 |
floaten von divs ohne breite | dany | CSS | 18 | 27.03.2008 12:34 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
DIV: zweite Spalte unten ausrichten | Rene | CSS | 2 | 29.11.2003 20:07 |