IN IE6 wird meine rechte Spalte nach unten verschoben

IN IE6 wird meine rechte Spalte nach unten verschoben

Beitragvon toto3007 » 03.12.2009, 07:58

Hallo alle meiteinander,

vorweg ich bin neu hier und auch ein Neuling in Sachen CSS. Habe eine INternetseite zum ersten mal ganz ohne Tabellen etc. erstellt. In Firefox, Opera und IE7 und IE8 wird alles in etwa so dargestellt, wie ich es mir vorstelle. Im IE6 rutscht im Content div #content mein div #rechtespalte" immer nach rechts unten. D.h., sie ist am unteren Ende der linken Spalte (#linkespalte) schon rechts, wird aber dort nach unten fortgesetzt. Sieht einfach deppert aus. Ist es jetzt ein float- oder clearfehler oder brauche ich einen Hack oder welchen Mist habe ich sonst gebaut.


Für alle Antworten bin ich sehr dankbar.

Hier das stylesheet:
@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;
}
#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:left;
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;
}
#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[code][/code]
toto3007
neu hier
 
Beiträge: 2
Registriert: 03.12.2009, 07:44

Re: IN IE6 wird meine rechte Spalte nach unten verschoben

Beitragvon Laus » 03.12.2009, 10:02

Ohne mir jetzt deinen CSS Code genau angesehen zu haben vermute ich mal das dir das Border Box Modell ein Schnippchen schlägt. Welchen Doctype benutzt Du? Dein HTML Quelltext dazu wäre auch sehr interessant.
Stelle doch bitte die Seite online (Kostenlosen Webspace gibt es für diesen Zweck genügend) dann kann man dir leichter helfen.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Re: IN IE6 wird meine rechte Spalte nach unten verschoben

Beitragvon toto3007 » 03.12.2009, 11:47

Hallo,

hier das HTML zur Seite.

Voarb Danke

<!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">
<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="stylesheet" type="text/css" href="layout.css"/>
</head>
<body id="depot">
<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="banner10"> <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><a name="top" id="top"></a>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>Depot - Warm, trocken und desinfiziert</h2></p>
<div id="content_text">
<p><img src="seitenfotos/depot_2.jpg" alt="Aktuelle Topmodelle im Verleih" name="bild_top" width="533" height="197" class="bild_top"/></p>
<h5>Das ski- board- und Schuhdepot im pme*</h5>
<p><a href="#preise_depot"><img src="seitengrafiken/depot_preise.png" width="205" height="48" alt="Preisinformation Depot" /></a></p><br/>
<p>Mit dem Ski- Board- und Schuhdepot hat das Schleppen der Ausrüstung ein Ende. Nach der letzten Abfahrt einfach die Ausrüstung im PME abgeben und den Apres-Ski genießen!</p>
<p>Ihre Ski- oder Snowboardschuhe werden über Nacht getrocknet und desinfiziert. Eine feine Sache am nächsten Morgen - warm und trocken.</p>
<br/>
<p>(* = Pure Mountain Equipment)</p>
<br/>
<p><h5>Die Technik</h5></p>
<p>In unserem Depot verwenden wir ausschließlich moderne Aufbewahrungseinheiten der Firma Wintersteiger. Unser Depot bietet Platz für 480 Paar Schuhe, 580 Paar Ski und
100 Snowboards.</p>
<br /><br />
<p><h5><a name="preise_depot" id="preise_depot"></a>Preisliste Depot</h5></p>
<br />
<div id="depot_preise">
<p><img src="seitengrafiken/preise_depot_tab.png" width="450" height="170" alt="Preise für das Skidepot" /></p><br /><br />
</div>
<p><h5>Reservierung per Email</h5></p><br />
<p>Wenn Sie einen Depotplatz reservieren wollen, dann schicken sie uns einfach eine Email mit folgenden Angaben:</p><br />
<p>Name</p>
<p>Vorname</p>
<p>Geburtsdatum</p>
<p>Postleitzahl und Ort</p>
<p>Land</p>
<p>Reservierungszeitraum</p>
<p>Anzahl Depotplätze</p>
<p>Welches Material soll deponiert werden - Ski, Board, Schuhe etc.</p><br />
<p>Emailadresse lautet: info[at}puremountain.at</p><br />
<div id="nach_oben">
<p><a href="#top"><img src="seitengrafiken/pfeil_oben.png" width="50" height="50" alt="Nach oben" /></a></p>
</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 Badesasion 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/depot_rechts_1.jpg" width="297" height="198" alt="Lukas flying" /></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>
toto3007
neu hier
 
Beiträge: 2
Registriert: 03.12.2009, 07:44


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "IN IE6 wird meine rechte Spalte nach unten verschoben"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste