Frage stellen
ich hatte eigentlich gehoffft, das Problem selber lösen zu können. Aber leider weiß ich nun nicht mehr weiter. Es sieht wie folgt aus.
Unsere Seite basiert auf Joomla 1.0.15 dazu habe ich ein Template auf CSS Basis geschrieben.
Dieses Template wird sowohl im IE als auch im Firefox korrekt angezeigt.
Zusätzlich haben wir einen Onlineshop auf unserer Seite, dieser soll natürlich das gleiche Layout haben wie der Rest der Page. Deshalb habe ich das Design des Templates um den Shop "gebaut" und die beiden CSS Dateien zusammengeführt. Im Firefox klappt das perfekt, leider hat der IE Probleme bei der Darstellung der Kopfzeile bzw. des Kopfmenüs.
Hier die Links:
Joomlapage http://www.comperi.de
Shoppage http://shop.comperi.de
und einmal der CSS Code der Joomlaseite
- Code: Alles auswählen
body, td {
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color : #000000;
}
.componentheading {
text-align : center;
font-weight : bold;
padding-bottom : 10px;
}
.contentheading {
text-align : center;
font-weight : bold;
}
.moduletable td {
text-align : right;
border-bottom-width : 0;
border-bottom-style : solid;
border-bottom-color : #000000;
}
.moduletable div {
border-top-width : 0;
border-top-style : solid;
border-top-color : #000000;
}
div.mainlevel {
width : 125px;
text-align : right;
font-weight : bold;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #000000;
}
td.menu {
text-align : right;
width : 125px;
padding-right : 5px;
line-height : 15px;
}
.moduletabletop td {
background-color : #004494;
color : #ffffff;
padding-bottom : 3px;
}
#active_menutop {
background-color : #ffffff;
color : #000000;
border-top-width : 2px;
border-bottom-width : 10px;
border-left-width : 0;
border-right-width : 0;
border-style : solid;
border-color : #ffffff;
}
.moduletablesub td {
background-color : #000000;
color : #ffffff;
padding-top : 1px;
}
.mainlevelsub {
color : #ffffff;
}
.copy td {
background-color : #000000;
color : #ffffff;
font-size : 7pt;
padding-top : 1px;
}
.searchmenu td {
background-color : #004494;
}
#search {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 7pt;
}
#rahmen {
margin-left : -496px;
margin-top : 0;
position : absolute;
top : 0%;
left : 50%;
height : auto;
width : 992px;
padding : 0;
border-left-width : 1px;
border-left-style : solid;
border-left-color : #000000;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #000000;
}
#head {
height : 80px;
width : 195px;
background-color : #ffffff;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #000000;
padding-left : 2px;
float : left;
}
#menu {
float : left;
height : 20px;
width : 795px;
background-color : #004494;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #000000;
padding-top : 60px;
}
#submenu {
clear : left;
height : 500px;
width : 150px;
background-color : #ffffff;
float : left;
}
#content {
float : left;
height : auto;
width : 825px;
background-color : #ffffff;
padding-right : 15px;
padding-left : 1px;
background-image : url(../../../images/bg.jpg);
background-attachment : fixed;
background-repeat : no-repeat;
background-position : 50% 50%;
}
#foot {
clear : left;
height : 20px;
width : 990px;
background-color : #000000;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-right-color : #000000;
border-bottom-color : #000000;
border-left-color : #000000;
}
A:link {
text-decoration : none;
color : #004494;
text-align : right;
}
A:visited {
text-decoration : none;
color : #004494;
text-align : right;
}
A:active {
text-decoration : none;
color : #004494;
text-align : right;
}
A:hover {
text-decoration : underline;
color : #004494;
text-align : right;
}
A.mainlevel:link {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:visited {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:active {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:hover {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.sublevel:link {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:visited {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:active {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:hover {
font-weight : normal;
color : #000000;
text-decoration : underline;
}
A.mainleveltop:link {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:visited {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:active {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:hover {
color : #000000;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:link {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:visited {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:active {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:hover {
color : #ffffff;
text-decoration : underline;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
und nochmal der CSS Code der Shopseite
- Code: Alles auswählen
body, td {
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color : #000000;
}
.componentheading {
text-align : center;
font-weight : bold;
padding-bottom : 10px;
}
.contentheading {
text-align : center;
font-weight : bold;
}
.moduletable td {
text-align : right;
border-bottom-width : 0;
border-bottom-style : solid;
border-bottom-color : #000000;
}
.moduletable div {
border-top-width : 0;
border-top-style : solid;
border-top-color : #000000;
}
div.mainlevel {
width : 125px;
text-align : right;
font-weight : bold;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #000000;
}
td.menu {
text-align : right;
width : 125px;
padding-right : 5px;
line-height : 15px;
}
.moduletabletop td {
background-color : #004494;
color : #ffffff;
padding-bottom : 3px;
}
#active_menutop {
background-color : #ffffff;
color : #000000;
border-top-width : 2px;
border-bottom-width : 10px;
border-left-width : 0;
border-right-width : 0;
border-style : solid;
border-color : #ffffff;
}
.moduletablesub td {
background-color : #000000;
color : #ffffff;
padding-top : 1px;
}
.mainlevelsub {
color : #ffffff;
}
.copy td {
background-color : #000000;
color : #ffffff;
font-size : 7pt;
padding-top : 1px;
}
.searchmenu td {
background-color : #004494;
}
#search {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 7pt;
}
#rahmen {
margin-left : -496px;
margin-top : 0;
position : absolute;
top : 0%;
left : 50%;
height : auto;
width : 992px;
padding : 0;
border-left-width : 1px;
border-left-style : solid;
border-left-color : #000000;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #000000;
}
#head {
height : 80px;
width : 195px;
background-color : #ffffff;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #000000;
padding-left : 2px;
float : left;
}
#menu {
float : left;
height : 20px;
width : 795px;
background-color : #004494;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #000000;
border-left-width : 0px;
border-right-width : 0px;
padding-top : 60px;
margin:0;
}
#content {
clear : left;
height : auto;
width : 992px;
background-color : #ffffff;
padding-right : 0;
padding-left : 0;
background-image : url(../../../images/bg.jpg);
background-attachment : fixed;
background-repeat : no-repeat;
background-position : 50% 50%;
float : left;
}
#foot {
clear : left;
height : 20px;
width : 992px;
background-color : #000000;
border-right-width : 0px;
border-bottom-width : 1px;
border-left-width : 1px;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-right-color : #000000;
border-bottom-color : #000000;
border-left-color : #000000;
padding-left : 0;
padding-right : 0;
}
A:link {
text-decoration : none;
color : #004494;
text-align : right;
}
A:visited {
text-decoration : none;
color : #004494;
text-align : right;
}
A:active {
text-decoration : none;
color : #004494;
text-align : right;
}
A:hover {
text-decoration : underline;
color : #004494;
text-align : right;
}
A.mainlevel:link {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:visited {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:active {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.mainlevel:hover {
font-weight : bold;
color : #000000;
text-decoration : none;
}
A.sublevel:link {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:visited {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:active {
font-weight : normal;
color : #000000;
text-decoration : none;
}
A.sublevel:hover {
font-weight : normal;
color : #000000;
text-decoration : underline;
}
A.mainleveltop:link {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:visited {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:active {
color : #ffffff;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainleveltop:hover {
color : #000000;
text-decoration : none;
font-size : 10pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:link {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:visited {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:active {
color : #ffffff;
text-decoration : none;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
A.mainlevelsub:hover {
color : #ffffff;
text-decoration : underline;
font-size : 7pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}
.boxText {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #ffb3b5;
font-weight : bold;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #cc0033;
}
.productsNotifications {
background : #f2fff7;
}
.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #70d250;
text-decoration : underline;
}
BODY {
background : #ffffff;
color : #000000;
margin : 0;
}
A:link {
text-decoration : none;
color : #004494;
}
A:visited {
text-decoration : none;
color : #004494;
}
A:active {
text-decoration : none;
color : #004494;
}
A:hover {
text-decoration : underline;
color : #004494;
}
FORM {
display : inline;
}
TR.header {
background : #ffffff;
}
TR.headerNavigation {
background : #004494;
}
TD.headerNavigation {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #004494;
color : #ffffff;
font-weight : bold;
}
A.headerNavigation:link {
color : #ffffff;
text-decoration : none;
}
A.headerNavigation:visited {
color : #ffffff;
text-decoration : none;
}
A.headerNavigation:active {
color : #ffffff;
text-decoration : none;
}
A.headerNavigation:hover {
color : #000000;
text-decoration : none;
}
TR.headerError {
background : #ff0000;
}
TD.headerError {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
background : #ff0000;
color : #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background : #00ff00;
}
TD.headerInfo {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
background : #00ff00;
color : #ffffff;
font-weight : bold;
text-align : center;
}
TR.footer {
background : #004494;
}
TD.footer {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #004494;
color : #ffffff;
font-weight : bold;
}
.infoBox {
background : #004494;
}
.infoBoxContents {
background : #ffffff;
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.infoBoxNotice {
background : #ff8e90;
}
.infoBoxNoticeContents {
background : #ffe6e6;
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TD.infoBoxHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight : bold;
background : #004494;
color : #ffffff;
}
TD.infoBox, SPAN.infoBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TR.addressBook-odd, TR.alsoPurchased-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background : #f8f8f9;
}
TR.alsoPurchased-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background : #f8f8f9;
}
TABLE.productListing {
border : 1px;
border-style : solid;
border-color : #004494;
border-spacing : 1px;
background-color : #ffffff;
}
.productListing-heading {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #004494;
color : #ffffff;
font-weight : bold;
}
TD.productListing-data {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
A.pageResults {
color : #004494;
}
A.pageResults:hover {
color : #0000ff;
background : #ffff33;
}
TD.pageHeading, DIV.pageHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 20px;
font-weight : bold;
color : #9a9a9a;
}
TR.subBar {
background : #f4f7fd;
}
TD.subBar {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #000000;
}
TD.main, P.main {
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
line-height : 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TD.accountCategory {
font-family : Verdana, Arial, sans-serif;
font-size : 13px;
color : #000000;
}
TD.fieldKey {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
TD.fieldValue {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
}
TD.tableHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
SPAN.newItemInCart {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
}
TEXTAREA {
width : 100%;
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
}
SPAN.greetUser {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
color : #f0a480;
font-weight : bold;
}
TABLE.formArea {
background : #ffffff;
border-color : #004494;
border-style : solid;
border-width : 1px;
}
TD.formAreaTitle {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
SPAN.markProductOutOfStock {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
color : #c76170;
font-weight : bold;
}
SPAN.productSpecialPrice {
font-family : Verdana, Arial, sans-serif;
color : #ff0000;
font-size : 12px;
}
SPAN.errorText {
font-family : Verdana, Arial, sans-serif;
color : #ff0000;
}
.moduleRowOver {
background-color : #d7e9f7;
cursor : pointer;
}
.moduleRowSelected {
background-color : #e9f4fc;
}
.checkoutBarFrom, .checkoutBarTo {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #8c8c8c;
}
.checkoutBarCurrent {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #000000;
}
.messageBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.messageStackError, .messageStackWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background-color : #ffb3b5;
}
.messageStackSuccess {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background-color : #99ff00;
}
.inputRequirement {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #ff0000;
}
TR.accountHistory-odd {
background : #ffffff;
}
TR.accountHistory-even {
background : #ffffff;
}
TR.addressBook-even {
background : #ffffff;
}
TR.payment-even {
background : #ffffff;
}
TR.payment-odd {
background : #ffffff;
}
TR.productListing-even {
background : #ffffff;
}
TR.productReviews-odd {
background : #ffffff;
}
TR.productListing-odd {
background : #ffffff;
font-size : 18px;
}
TR.productReviews-even {
background : #ffffff;
}
Vielen Dank schonmal vorab für die Hilfe
Viele Grüße Manuel
