|
|||
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} |
Sponsored Links |
|
||||
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? |
|
||||
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? |
|
|||
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.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsprobleme im IE! Dringend! Bitte helft! | dari68 | Site- und Layoutcheck | 4 | 21.08.2007 21:58 |
Dropdownmenü Darstellungsprobleme Firefox | Koody | CSS | 20 | 16.08.2007 12:19 |
Darstellungsprobleme - IE 6 - <fieldset> | Despairing | CSS | 1 | 29.11.2006 14:04 |
Fieldset Darstellungsprobleme | klaus | CSS | 1 | 10.10.2006 12:00 |
FireFox 0.8: darstellungsprobleme mit background-images | crush79 | CSS | 1 | 23.01.2005 03:19 |