XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Darstellungsprobleme im IE (http://xhtmlforum.de/showthread.php?t=62856)

lea11011989 04.11.2010 21:45

Darstellungsprobleme im IE
 
Hallo,

habe große Darstellungsprobleme im IE 8,7,6.

http://img574.imageshack.us/img574/2...gsprobleme.jpg

Was kann ich tun? Wie fixe ich so etwas?

Grüße Lea

lea11011989 04.11.2010 21:51

Anbei noch der Code
Code:

*, html, body {margin: 0px; padding: 0px;}
body {color: #575757; background: #778489 url(../img/bg.jpg) 0 0 repeat-x; font: 62.5%/1.5 Tahoma; line-height: 1.5em; text-align: center; padding: 33px 0 20px 0; }

h1 {font: 21px Arial,Helvetica,sans-serif; color: #000; font-weight: normal; padding-bottom: 13px;  }
h2 {color: #000; font-size: 1.1em; font-weight: bold; }
h3 {color: #fff; font-size: 13px; font-weight: normal; }
h4 {color: #000; font: 11px Tahoma; font-weight: bold; padding-bottom: 5px; }


h2{height: 19px; padding-top: 3px; background: url(../img/h2-dots.gif) 0 0 repeat-x; margin-bottom: 16px; }

.contentheading{font-size:13px; font-weight:bold;  height:19px; padding-top: 3px; padding-bottom:10px; color:#000000;background: url(../img/h2-dots.gif) 0 0 repeat-x; margin-bottom: 16px; }

td.componentheading{font-weight:bold; height:19px; padding-top: 3px; padding-bottom:10px; color:#000000;background: url(../img/h2-dots.gif) 0 0 repeat-x; margin-bottom: 16px; }
td.createdate { font-size:9px;}


a {color: #9baabf; text-decoration: underline; }
a:hover {text-decoration: none !important; }


img {border:0; }
table {border-collapse: collapse; }
 
p {padding: 0 0 13px 0;color: #656565;}

ul {list-style-type: none;}

.clear {height: 0; clear: both; }

input, textarea {font: 11px Tahoma; color: #575f6a; padding: 2px 3px 3px 3px }

.txt-small {font-size: 10px;}
.txt-grey {color: #8b8f94; }

.no-border {border: none !important; }


#main {border-bottom: 0px solid red; width: 944px; margin: 0 auto; padding: 0 6px; text-align: left; background: url(../img/bg-main.png) 0 0 repeat-y; }

#header {height: 200px; background: #fff url(../img/bg-header.jpg) 0 bottom no-repeat; position: relative; }
body.mp #header {background: #fff url(../img/bg-header_mp.jpg) 0 bottom no-repeat; } /* mp - main page */
#logo { width: 190px; height: 217px; background: url(../img/bg-logo.png) no-repeat; position: absolute; left: 565px; top: 0px; }
#logo img {width: 125px; height: 83px;  padding-left: 33px; padding-top: 74px; }

#home_nav {height: 156px; padding-top: 4px; background: #fff; position: relative; }
#home_nav .bit {width: 10px; height: 170px; background: url(../img/bit.png) no-repeat; position: absolute; left: -10px; top: -5px; }
#home_nav .item {float: left; width: 188px; height: 152px; margin-right: 4px; background: url(../img/bg-item_light.jpg) 0 bottom repeat-x; position: relative; }
#home_nav .item .title {height: 41px}
#home_nav .item .title img, #home_nav .bookmarks .item img {margin: 8px 0 0 11px;}
#home_nav .item .txt {padding: 5px 7px 0 11px}
#home_nav .item .txt p {font-weight: bold; padding-bottom: 5px }
#home_nav .item .txt ul {font-size: 1.2em; }
#home_nav .item .txt ul li {padding-left: 9px; margin-bottom: 3px; position: relative; }
.tab-zum_product, a.zum_product {position: absolute; left: 62px; top: 131px; }
.tab-zum_product {width: 126px; height: 25px; background: url(../img/tab-zum_product.png) no-repeat;}
.tab-zum_product span {display: block; width: 11px; height: 10px; position: absolute; left: 108px; top: 10px; }
a.zum_product {display: block; width: 80px; height: 18px; padding: 7px 0 0 46px; z-index: 999; }
a.zum_product, .lang a, a.mehr {color: #515151; text-decoration: none; }
a.zum_product:hover, .lang a:hover, a.mehr:hover {text-decoration: underline !important; }

.lang, .tab-lang {width: 222px; height: 28px; position: absolute; left: 146px; top: 128px; background: url(../img/tab-lang.png) no-repeat; z-index: 1;}
.lang {height: 23px; top: 133px; background: none; z-index: 2; font-size: 1.1em}
.lang div {float: left; padding: 4px 6px 0 6px; }
.lang div.line {border-right: 1px solid #7d7d7d; padding-left: 42px;}
.lang img.flag {float: left; width: 20px; height: 16px; margin-right: 4px; }

#home_nav  .txt  {text-decoration:none;color:#7A7A7A}
#home_nav .flw .title {background: #cc1f2f; }
#home_nav .flw .title img {width: 70px; height: 24px;}
#home_nav .flw .txt p span {color: #cc1f2f; }
#home_nav .flw .txt ul li {background: url(../img/bullet-red.gif) 0 6px no-repeat;}
#home_nav .flw .tab-zum_product span {background: url(../img/arrow-red.png) no-repeat;}

#home_nav .smotec .title {background: #3d3d3d; }
#home_nav .smotec .title img {width: 123px; height: 23px; }
#home_nav .smotec .txt p span {color: #ff7100; }
/* #home_nav .smotec .txt p span, */
#left .smotec span {color: #ff7100; }
#home_nav .smotec .txt ul li {background: url(../img/bullet-orange.gif) 0 6px no-repeat;}
#home_nav .smotec .tab-zum_product span {background: url(../img/arrow-orange.png) no-repeat;}

#home_nav .fgl .title {background: #00adc6; }
#home_nav .fgl .title img {width: 69px; height: 24px; }
#home_nav .fgl .txt p span {color: #00adc6; }
#home_nav .fgl .txt ul li {background: url(../img/bullet-blue.gif) 0 6px no-repeat;}
#home_nav .fgl .tab-zum_product span {background: url(../img/arrow-blue.png) no-repeat;}

#home_nav .service {width: 364px; margin-right: 0; background: url(../img/bg-item_dark.jpg) 0 bottom repeat-x; position: relative; }
#home_nav .service .title {background: #3d3d3d url(../img/bg-item_service.jpg) 0 bottom repeat-x;}
#home_nav .service .title ul {padding-left: 11px; }
#home_nav .service .title ul, #home_nav .service .title ul li {float: left}
#home_nav .service .title ul li {border-right: 1px solid #fff; padding: 4px 7px 0 8px; font-size: 1.1em}
#home_nav .service .title ul li a {color: #fff; text-decoration: none; font-weight: bold; }
#home_nav .service .title ul li a:hover {text-decoration: underline !important;}
#home_nav .service .title ul li.first {padding-left: 0; }
#home_nav .service .title ul li.last {border: none; }
#home_nav .service .map {width: 185px; height: 92px; position: absolute; left: 165px; top: 41px; background: url(../img/map.png) no-repeat; }
#home_nav .service .txt {padding-top: 20px}
#home_nav .service .txt ul li {background: url(../img/arrow_map.gif) 0 2px no-repeat; padding-left: 16px; margin-bottom: 6px; }
#home_nav .service .txt ul li a {font-weight: bold; text-decoration: none; color: #424242; }
#home_nav .service .txt ul li a:active {font-weight: bold; text-decoration: underline !important; color: #424242; }
#home_nav .service .txt ul li a:hover {font-weight: bold; text-decoration: underline !important; }

#home_nav .bookmarks {float: left; height: 152px; margin-right: 4px; background: url(../img/bg-item_light.jpg) 0 bottom repeat-x; position: relative; }
#home_nav .bookmarks .item {height: 41px; background: #6a6a6a url(../img/bg-item_bookmark.jpg) 0 0 repeat-x; }
#home_nav .bookmarks .end {margin-right: 0; }
.tab-mehr, a.mehr {position: absolute; left: 107px; top: 16px; }
.tab-mehr {width: 81px; height: 25px; background: url(../img/tab-mehr.png) no-repeat;}
a.mehr {display: block; width: 48px; height: 18px; padding: 7px 0 0 33px; z-index: 999; }
#home_nav .bookmarks .sloganflw,#home_nav .bookmarks .slogansmo, #home_nav .bookmarks .sloganfgl {position: absolute; left: 16px; top: 71px; font: 1.9em Arial; line-height: 1.2em; }
#home_nav .bookmarks .sloganflw strong, #left .flw span {color: #CC1F2F; }
#home_nav .bookmarks .slogansmo strong, #left .smo span  {color: #ff7100; }
#home_nav .bookmarks .sloganfgl strong, #left .fgl span  {color: #00ADC6; }


#home_nav .bookmarks .smotec {background: #3d3d3d}
#home_nav .bookmarks .flw {background: #cc1f2f}
#home_nav .bookmarks .fgl {background: #00adc6}


#inner {border-bottom: 0px solid green; float: left; width: 100%; background: url(../img/bg-inner.gif) 0 0 repeat-y; }
#content {border-bottom: 0px solid red; float: left; width: 716px; height: 300px; padding: 13px 16px 30px 16px; background: #fff; font-size: 1.2em; }

html>body #content {min-height: 300px; height: auto !important; }

#sidebar {border-bottom: 0px solid red; float: left; width: 164px; padding: 13px 16px 30px 16px; color: #515151; }
#sidebar a {color: #515151;}
#sidebar h2 {height: 18px; padding-top: 4px; color: #cc1f2f; font-size: 0.9em; background: url(../img/h2-dots.gif) 0 0 repeat-x;}
#sidebar ul {background: url(../img/dots.gif) 0 top repeat-x; padding-top: 1px; margin-top: 10px; }
#sidebar ul li {background: url(../img/dots.gif) 0 bottom repeat-x; padding: 3px 0 6px 0; }
html>/**/body #sidebar ul li {padding: 4px 0 5px 0; }
#sidebar ul li a {font-weight: bold; text-decoration: none; background: url(../img/arrow_main.gif) 0 1px no-repeat; padding-left: 16px; }
#sidebar ul li a:hover {text-decoration: underline !important; }

.page_content {float: left; width: 472px; padding: 20px 32px 0 32px; }
body.mp .page_content {width: 426px; padding: 0 0 0 16px;}
body.mp .news {float: left; width: 242px; padding-left: 32px; }

#left {float: left; width: 164px; padding-right: 16px; }
#left .title {color: #515151;font-weight: bold; margin-bottom: 35px; }


/* menu */
ul.menu {
  float:left;
  width:164px;
  background: url(../img/dots.gif) 0 top repeat-x;
  padding-top:1px;

}
ul.menu ul {
  float:left;
  width:164px;
    background: url(../img/dots.gif) 0 top repeat-x;


}
ul.menu li {
  float:left;
  width:164px;
  background: url(../img/dots.gif) 0 bottom repeat-x;
  padding-bottom:1px;



}
/* Menupunkt stylen */
ul.menu li a {
float: left;
width:148 px;
padding: 4px 0 4px 16px;
background: url(../img/arrow_menu.gif) 0 6px no-repeat;
text-decoration:none;
font-weight:bold;
color:#7a7a7a;
}
ul.menu li:active > a {
text-decoration:underline !important;
}
ul.menu li:hover > a {
text-decoration:underline !important;
}
ul.menu li:active > ul {
text-decoration: underline !important;
}
ul.menu li:hover > ul {
text-decoration: none;
}

/* ab zweite Ebene */
ul.menu li li:active > ul {
text-decoration:underline !important;
}
ul.menu li li:hover > ul {
text-decoration:none;
}
ul.menu li li a {
padding: 3px 0 3px 29px;

text-decoration: none;
}
ul.menu li ul li {


}
/* Farben der einzelnen Ebenen (werden vererbt)*/
ul.menu a {


}
ul.menu ul a {
font-weight:normal;

}
ul.menu ul ul a{


}
ul.menu ul ul ul a{


}
ul.menu li ul li a {
padding: 3px 0 3px 29px;
background: url(../img/bullet-orange.gif) 16px 8px no-repeat;

}
 




#footer {padding: 3px 0 9px 32px; background: url(../img/arrow_main.gif) 16px 6px no-repeat; font-weight: bold; }
#footer a, #footer span {color: #7a7a7a; }
#footer span {margin: 0 3px; }

.shadow {height: 7px; background: url(../img/shadow.png) repeat-x; }
.bc {width: 754px; } /*bottom #content shadow*/
.bc .l {float: left; width: 7px; height: 7px; background: url(../img/l-bc.gif) no-repeat;}
.bc .r {float: right; width: 11px; height: 7px; background: url(../img/r-bc.gif) no-repeat;}
.bms {width: 956px; height: 7px; margin: 0 auto;  background: url(../img/bm.gif) repeat-x; } /*bottom #main shadow*/
.bms .l, .bms .r {float: left; width: 9px; height: 7px; background: url(../img/l-bm.gif) no-repeat;}
.bms .r {float: right; background: url(../img/r-bm.gif) no-repeat;}
.tms {width: 956px; height: 3px; margin: 0 auto; background: url(../img/tm.gif) repeat-x;} /*top #main shadow*/
.tms .l, .tms .r {float: left; width: 8px; height: 3px; background: url(../img/l-tm.gif) no-repeat;}
.tms .r {float: right; background: url(../img/r-tm.gif) no-repeat;}


a.active.zum_product, .lang a.active, a.active.mehr {text-decoration: underline !important;  cursor:default }
.home_nav .service .title ul li a.activemain {text-decoration: underline !important;  cursor:default}
.home_nav .service .txt ul li a.active-nav {text-decoration: underline !important;  cursor:default}
.sidebar ul li a.active {text-decoration: underline !important;  cursor:default}
.menu ul li a.active {text-decoration: underline !important; cursor:default}
.li a.active {text-decoration: underline !important; cursor:default}




a {outline:none}
a.z9flw, a.z9fgl {height:41px;display:block;cursor:pointer;}
a.z9flw:hover {background:#CC1F2F url(../img/logo-flw.gif) no-repeat 11px 8px ;}

a.z9smo {background:url(../img/logo-smotec.png) no-repeat 11px 8px ; height:41px;display:block;cursor:pointer;} 
a.z9smo:hover {background:#000000 url(../img/logo-smotec.gif) no-repeat 11px 8px ;} 

a.z9fgl:hover {background:#00ADC6 url(../img/logo-fgl.gif) no-repeat 11px 8px ;}
a.acprod {display:block;cursor:pointer;text-decoration:none;color:#7a7a7a}

div.title a {height:41px;}
div.flw  div.title a:hover {background-color:red}
div.smotec  div.title a:hover {background-color:black}
div.fgl  div.title a:hover {background-color:#35C3DD}
a.acprod:hover  {text-decoration:underline !important}

a.active_language {cursor:default;text-decoration:underline;}
p img, div.page_content img {padding:5px;border:1px solid #EFEFEF;margin:5px;}

 
div#content .box {font-size:0.9em;padding-left:50px;position:relative}
div#content .box a {color:#555}
div#content .box .date, div#content .box .title {font-weight:bold}
div#content .box .title {color:#555}
div#content .box .text {padding-bottom:24px}
div#content .box .date {position:absolute;display:block;width:100px;
left:-50px !important;left:-100px;top:0;}
span.red {color:#cc1f2f}
span.orange {color:#ff7100}
span.blue {color:#00adc6}


Thielo 04.11.2010 23:41

Die Probleme treten bei mir auf der Seite nicht auf :|

lea11011989 05.11.2010 00:01

Auf welcher Seite warst du?

MrMurphy 05.11.2010 00:23

Hallo,

bei mir im IE 6 treten die Probleme auch nicht auf.

Zitat:

Auf welcher Seite warst du?
Oben rechts im Bild.

Gruss

MrMurphy

lea11011989 05.11.2010 00:24

Das ist die falsche... Liegt unter einer anderen

hier

Thielo 05.11.2010 00:38

schonmal versucht die Fehler zu entfernen?
[Invalid] Markup Validation of http://leaz-area.de/fiegerneu/ - W3C Markup Validator

vielleicht hilft das etwas

lea11011989 05.11.2010 00:40

da war ich grade auch drauf und schau jetzt mal...

fricca 05.11.2010 00:42

Beseitige zuerst die HTML-Fehler. Vermutlich macht z.B. dein nicht-geschlossenes h2-Element die Schriftgröße kaputt.

Bitte immer gleich einen Link angeben, siehe auch die Hinweise für Fragende.

lea11011989 05.11.2010 00:43

Ok werde ich machen... Danke.


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:47 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023