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]
