zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Im IE6 verrutscht mir ein div (Spalte) nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.12.2009, 17:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2009
Beiträge: 8
toto3007 befindet sich auf einem aufstrebenden Ast
Standard 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>&quot;Wir freuen uns über Ihren Besuch!&quot;</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 &gt;&gt;&gt;</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 &gt;&gt;&gt;</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 &amp; Climb Trophy&quot;" /></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>&copy; 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>
Hier das stylesheet:

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;
}
Vielen Dank
Torsten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.12.2009, 18:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.12.2009, 09:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2009
Beiträge: 8
toto3007 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
  #4 (permalink)  
Alt 12.12.2009, 15:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von toto3007 Beitrag anzeigen
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.
Zitat:
Code:
#rubriken img {
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
Firebug hilft bei der Suche nach solchen Dingen.
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?

Geändert von fricca (12.12.2009 um 15:42 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 12.12.2009, 15:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2009
Beiträge: 8
toto3007 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
  #6 (permalink)  
Alt 12.12.2009, 16:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von toto3007 Beitrag anzeigen
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...)
Ich weiß nicht, was du meinst. Welche "verschiedenen Browser"?
Minimale Unterschiede sind normal. Größere Unterschiede meist auf user-spezifische Einstellungen zurückzuführen, die du nicht beeinflussen kannst.

Zitat:
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.
Wir haben im Buch ein ganzes Kapitel zu gleich hohen Spalten. Bist du denn darin nicht fündig geworden?
Mit Zitat antworten
  #7 (permalink)  
Alt 12.12.2009, 16:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2009
Beiträge: 8
toto3007 befindet sich auf einem aufstrebenden Ast
Standard Gleich hohe Spalten

Hallo Corina,

muss mir wohl mal die Seiten 383-417 genauer anschauen. Danke für den Hinweis.

Torsten
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:46 Uhr.