Hi zusammen,
ich arbeite gerade an meiner neuen Website und musste feststellen das FF 4.0 scheinbar meine Website nicht richig anzeigt.
Das Menü ist total verrutscht.
Ich weiss allerdings nicht was sich am FF4 geändert hat (außer das html 5 und css 3 unterstützt wird) was den fehler verursachen könnte...
hier der link zu meiner neuen seite "klick mich"
Die Menüpunkte sind komplett nach unten verrutscht...
Verantwortliches CSS:
Code:
/* Style sheet screen_k0001 */
.pagination{margin-top:30px;}
#breaking_news{width:240px;margin:22px 0 0;padding:0;background-color:#e9e9e9;}
#breaking_news h1{margin:0;padding:5px 0 5px 20px;background-color:#6dbbbe;font-size:18px;color:#ffffff;}
.mod_newsmenu h1{margin:0 0 10px;padding:5px 0 5px 20px;background-color:#6dbbbe;font-size:18px;color:#ffffff;}
#breaking_news .layout_short{margin-right:30px;margin-left:20px;padding:15px 0 11px;border-bottom:1px dotted #A6A6A6;}
#breaking_news .layout_short.last{border-bottom:0px;}
.mod_newsmenu{margin-top:3px;}
.copyright{left:20px;top:70px;position:absolute;font-size:11px;color:#666666;}
.copyright a{text-decoration:underline;font-size:11px;color:#666666;}
.copyright a:hover{text-decoration:none;font-size:11px;color:#666666;}
.mod_headerLogo{width:260px;height:100px;left:15px;top:20px;position:absolute;}
.mod_navigationMain{left:15px;top:175px;position:absolute;}
.mod_navigationMain ul,.mod_navigationMain li{margin:0;padding:0;list-style-type:none;}
.mod_navigationMain li{float:left;}
.mod_navigationMain a{display:block;padding:15px 10px 20px;border-right:3px solid #ffffff;font-size:14px;color:#6dbbbe;}
.mod_navigationMain a:hover{display:block;padding:15px 10px 20px;background:url("tl_files/fM_k0001/images/navigation_main_hover.jpg") left bottom repeat-x;border-right:3px solid #ffffff;text-decoration:none;font-size:14px;color:#6dbbbe;}
.mod_navigationMain span,.mod_navigationMain a.trail{display:block;margin-top:20;padding:15px 10px 20px;background:url("tl_files/fM_k0001/images/navigation_main_hover.jpg") left bottom repeat-x;border-right:3px solid #ffffff;text-decoration:none;font-size:14px;color:#6dbbbe;}
.mod_navigationSub,.mod_newsmenu{background-color:#E9E9E9;}
.mod_navigationSub h1{margin:0;padding:5px 0 5px 20px;background-color:#6dbbbe;border-top:22px solid #ffffff;font-size:18px;color:#ffffff;}
.mod_navigationSub ul,.mod_navigationSub li,.mod_newsmenu ul,.mod_newsmenu li{margin:0;padding:0;list-style-type:none;}
.mod_navigationSub ul{padding-top:10px;padding-bottom:10px;}
.mod_newsmenu ul{padding-top:0;padding-bottom:0;}
.mod_navigationSub a{width:180px;display:block;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil.gif") left center no-repeat;border-bottom:1px dotted #A6A6A6;color:#666666;}
.mod_newsmenu a{width:180px;display:block;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil.gif") left center no-repeat;border-top:1px dotted #A6A6A6;color:#666666;}
.mod_navigationSub a:hover{width:180px;display:block;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil.gif") left center no-repeat;border-bottom:1px dotted #A6A6A6;text-decoration:none;color:#6dbbbe;}
.mod_newsmenu a:hover{width:180px;display:block;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil.gif") left center no-repeat;border-top:1px dotted #A6A6A6;font-weight:bold;text-decoration:none;color:#6dbbbe;}
.mod_navigationSub span,.mod_navigationSub a.trail{width:180px;display:block;margin-top:0;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil_active.gif") left center no-repeat;border-bottom:1px dotted #A6A6A6;font-weight:bold;text-decoration:none;color:#6dbbbe;}
.mod_newsmenu a:hover,.mod_newsmenu a.trail,.mod_newsmenu span{width:180px;display:block;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url("tl_files/fM_k0001/images/navigation_sub_pfeil_active.gif") left center no-repeat;border-top:1px dotted #6dbbbe;font-weight:bold;text-decoration:none;color:#6dbbbe;}
.mod_navigationSub .last,.mod_navigationSub a:hover.last,.mod_navigationSub .trail.last{border-bottom:0px;}
#wrapper{margin-top:30px;margin-bottom:0;}
#header{background:url("tl_files/fM_k0001/images/header_bg_small.gif") left top no-repeat;}
.mod_headerImage{left:280px;top:15px;position:absolute;}
#container{background:url("tl_files/fM_k0001/images/container_bg.gif") left top repeat-y;}
#left .inside{width:240px;margin-left:15px;}
#main .inside{width:650px;margin-left:20px;}
#footer{background:url("tl_files/fM_k0001/images/footer_bg.gif") left top no-repeat;}
.ce_text,.teaser{line-height:1.5;}
div.error,p.error{margin:0;padding:2px 0 0;font-size:9px;color:#ff0000;}
.mod_article .back{margin-top:18px;}
.mod_article .more{display:inline;}
.mod_breadcrumb{left:35px;top:240px;position:absolute;font-size:11px;color:#999999;}
.mod_breadcrumb a{font-size:11px;color:#999999;}
.mod_breadcrumb a:hover{text-decoration:none;font-size:11px;color:#8c9c51;}
.ce_gallery .caption{color:#999999;}
.ce_gallery img,.image_container img{padding:3px;background-color:#ffffff;border:2px solid #A1B45D;}
.ce_gallery img:hover,.image_container a img:hover{padding:3px;background-color:#ffffff;border:2px solid #A6A6A6;}
.mod_article .pdf_link{right:10px;top:-22px;position:absolute;}
.mod_article .pdf_link a{margin-right:5px;}
.mod_lostPassword{margin:24px;}
.mod_lostPassword td{padding-right:6px;padding-bottom:3px;}
.mod_lostPassword .text,.mod_lostPassword .password{width:210px;}
.mod_lostPassword .captcha{width:40px;}
.mod_lostPassword .captcha_text{color:#666666;}
.ce_list ul{margin:0;padding:0;}
.ce_list li{margin:0 0 0 22px;padding:0;line-height:16px;}
* html .ce_list li{margin-left:26px;}
.ce_accordion{margin-left:16px;}
.toggler{padding:1px 0 2px;}
.toggler_first{color:#8c9c51;}
.toggler_first:hover{text-decoration:underline;color:#8c9c51;cursor:pointer;}
.accordion div{padding:6px 0 8px 15px;line-height:16px;}
.mod_login{width:240px;margin:22px 0 0;padding:0;background-color:#E9E9E9;}
.mod_login h1{margin:0;padding:5px 0 5px 20px;background-color:#6dbbbe;font-size:18px;color:#ffffff;}
#minicalendar h1{margin:0;padding:5px 0 5px 20px;background-color:#A1B45D;font-size:18px;color:#ffffff;}
.mod_login .formbody{width:200px;margin-right:30px;margin-left:20px;padding-top:11px;padding-bottom:11px;}
.mod_login label{display:block;margin:4px 0 1px;}
.mod_login .checkbox_container{margin-top:3px;}
.mod_login .checkbox_container label{display:inline;}
.mod_login .submit_container{margin-top:8px;margin-bottom:4px;}
#request_password{width:240px;left:0;position:absolute;background-color:#E9E9E9;}
#request_password a{width:200px;display:block;padding:0 30px 15px;color:#333333;}
.mod_newsmenu .year{width:200px;margin-right:30px;margin-left:20px;font-weight:bold;}
.mod_newsmenu .submenu{padding-top:5px;padding-bottom:7px;}
.mod_newsmenu a,.mod_newsmenu a:hover,.mod_newsmenu span,.mod_newsmenu a.trail{margin-left:0;}
#main .mod_newslist .layout_short{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #A6A6A6;}
.mod_newslist p{margin:0 0 4px;}
.mod_newsreader .back{margin-bottom:24px;padding-top:12px;}
* html .mod_newsreader .back{margin-top:12px;padding-top:0;}
.mod_newslist .info,.mod_newsreader .info{margin-bottom:6px;font-size:10px;color:#999999;}
.mod_newsreader .ce_comments .info{margin-bottom:6px;font-weight:bold;font-size:11px;color:#8c9c51;}
.mod_newsreader .ce_text{margin-top:16px;}
.mod_newsreader h2{margin-bottom:12px;}
.mod_newsreader .ce_comments h2{border-bottom:3px solid #C5DC72;font-weight:normal;font-size:16px;}
.mod_newsreader .comment_default{margin-bottom:12px;}
.mod_newsreader .comment{line-height:1.5;}
.mod_newsreader .form{margin-top:24px;}
.mod_newsreader .widget{margin-top:1px;margin-bottom:1px;}
.mod_newsreader .textarea{width:360px;height:120px;}
.mod_search{margin-top:3px;}
.mod_search .text{width:240px;}
html>body .mod_search .radio_container{margin-top:3px;}
*:first-child+html .mod_search .radio_container{margin-top:0;}
.mod_search .radio_container label{left:-2px;top:-2px;position:relative;padding-right:3px;}
.mod_search .header{margin-top:25px;margin-right:0;margin-bottom:25px;text-align:right;border-bottom:1px dotted #A6A6A6;}
.mod_search h3{margin:0 0 2px;padding:0;}
.mod_search h3 a{font-weight:bold;font-size:14px;}
.mod_search .context{margin:0 0 3px;line-height:1.5;}
.mod_search .url{margin-bottom:12px;color:#999999;}
.mod_search .relevance{font-weight:normal;font-size:11px;color:#999999;}
.mod_search .highlight{font-weight:bold;}
table.calendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#f6f6f6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .current{background-color:#E9E9E9;}
table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-weight:bold;font-size:10px;color:#ffffff;}
table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar td.weekend{background-color:#f6f6f6;}
table.calendar .today{background-color:#C5DC72;}
table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;}
table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;font-size:10px;}
table.calendar td .event a{font-size:10px;}
#minicalendar{margin:3px 0;padding:0;background-color:#E9E9E9;}
table.minicalendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar td,table.minicalendar .active a{font-size:10px;}
table.minicalendar .weekend{background-color:#f6f6f6;}
table.minicalendar .today{background-color:#ffffcc;}
table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:10px;color:#ffffff;}
table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#f9f9f9;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar .current{background-color:#E9E9E9;}
.mod_eventlist{margin-right:6px;}
.mod_eventlist .header{padding:3px 6px 4px;background-color:#e6e6e6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;font-weight:bold;}
.mod_eventlist .header.first{border-top:1px solid #cccccc;}
.mod_eventlist .event{padding:10px 6px 12px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;}
.mod_eventlist .time{margin-top:-6px;margin-bottom:6px;font-weight:normal;color:#999999;}
.mod_eventreader .info{font-size:10px;color:#999999;}
.mod_eventreader .recurring{margin-top:2px;font-size:10px;color:#A1B45D;}
.mod_eventreader .ce_text{margin-top:15px;}
.mod_eventreader .back{margin-top:18px;}
.mod_personalData{margin-bottom:36px;}
.mod_personalData fieldset{width:400px;display:block;margin:12px 0 24px;padding:12px;}
* html .mod_personalData fieldset{margin-top:-12px;}
*:first-child+html .mod_personalData fieldset{margin-top:-12px;}
.mod_personalData legend{color:#A1B45D;}
* html .mod_personalData legend{margin-top:-12px;padding:12px 4px 12px 0;}
*:first-child+html .mod_personalData legend{margin-top:-12px;padding:12px 4px 12px 0;}
.mod_personalData .submit_container{width:428px;text-align:right;}
* html .mod_personalData .submit_container{width:434px;}
*:first-child+html .mod_personalData .submit_container{width:434px;}
.mod_personalData td{width:160px;padding:2px 6px 2px 0;}
* html .mod_personalData td{padding:1px 6px 1px 0;}
.mod_personalData .text,.mod_personalData .password{width:200px;}
.mod_personalData select{width:204px;}
* html .mod_personalData select{width:206px;}
*:first-child+html .mod_personalData select{width:206px;}
.ce_table{margin-top:24px;margin-bottom:24px;border-left:1px solid #cccccc;}
.ce_table td{padding:2px 8px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
*:first-child+html .ce_list li{margin-left:26px;}
.ce_table th{padding:2px 8px;background-color:#e6e6e6;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.ce_table th a{color:#000000;}
h1{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.pagination li{display:inline;margin:0;padding:0;list-style-type:none;}
#tps .col_0{width:80px;}
.pagination p{float:left;padding:3px 7px;text-align:left;background-color:#E9E9E9;}
#tps .explanation{padding-bottom:24px;}
.pagination ul{float:right;margin:0;padding:0;text-align:right;}
#main .pagination a{display:inline-block;padding:4px 7px 3px;background-color:#E9E9E9;text-decoration:none;color:#000000;}
#main .pagination a:hover,#main .pagination .current{display:inline-block;padding:4px 7px 3px;background-color:#A1B45D;text-decoration:none;color:#ffffff;}
thx
EDIT:
IE9 hat dieses Problem nicht...
Lesezeichen