zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellungsprobleme im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.11.2010, 21:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard Darstellungsprobleme im IE

Hallo,

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



Was kann ich tun? Wie fixe ich so etwas?

Grüße Lea
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.11.2010, 21:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard

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}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.11.2010, 23:41
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.382
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Die Probleme treten bei mir auf der Seite nicht auf
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #4 (permalink)  
Alt 05.11.2010, 00:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard

Auf welcher Seite warst du?
Mit Zitat antworten
  #5 (permalink)  
Alt 05.11.2010, 00:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.005
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

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

Zitat:
Auf welcher Seite warst du?
Oben rechts im Bild.

Gruss

MrMurphy
Mit Zitat antworten
  #6 (permalink)  
Alt 05.11.2010, 00:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard

Das ist die falsche... Liegt unter einer anderen

hier
Mit Zitat antworten
  #7 (permalink)  
Alt 05.11.2010, 00:38
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.382
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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

vielleicht hilft das etwas
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #8 (permalink)  
Alt 05.11.2010, 00:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard

da war ich grade auch drauf und schau jetzt mal...
Mit Zitat antworten
  #9 (permalink)  
Alt 05.11.2010, 00:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.786
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

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 05.11.2010, 00:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2010
Beiträge: 12
lea11011989 befindet sich auf einem aufstrebenden Ast
Standard

Ok werde ich machen... Danke.
Mit Zitat antworten
Sponsored Links
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
Darstellungsprobleme im IE! Dringend! Bitte helft! dari68 Site- und Layoutcheck 4 21.08.2007 22:58
Dropdownmenü Darstellungsprobleme Firefox Koody CSS 20 16.08.2007 13:19
Darstellungsprobleme - IE 6 - <fieldset> Despairing CSS 1 29.11.2006 15:04
Fieldset Darstellungsprobleme klaus CSS 1 10.10.2006 13:00
FireFox 0.8: darstellungsprobleme mit background-images crush79 CSS 1 23.01.2005 04:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:58 Uhr.