Zum Inhalt springen

Chrome und CSS

Erstellt am 20. Juni 2013 · 1 Antwort · letzte Antwort am 20. Juni 2013

Tags: Frage

s.​sach ·

Hallo,

schaut Euch bitte mal das Menü auf der Homepage an. Im IE und FF passt alles. Jedoch im Chrome passt die Höhe des Menüs nicht.

Ich komme hier einfach nicht weiter. Kann mir jemand evtl. einen Tipp geben?

Vielen Dank.

Hier mal das Menü aus dem Setup:

marks.MENU_TOP = HMENU
  marks.MENU_TOP {        
    entryLevel = 
    excludeUidList = 171,6
    special.value = 163
 
    1 = TMENU
    1 {
      wrap = <ul class="menunav">|</ul>
      expAll = 1
      NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li>
 
      ACT < .NO
      ACT = 1
      ACT.ATagParams = class="active"
    }
 
    2 < .1
    3 < .1
    4 < .1
  }

Und hier das CSS:

/* NAVIGATIONSELEMENTE TOP */ 

ul.menunav, ul.menunav ul {
    padding-left: 0;
    list-style-type: none;
    }

ul.menunav a {
    display: block;
    padding-left: 5px; 
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    width: 140px;
    height: 15px;
    color: #000000;
    }

ul.menunav a:hover {
    display: block;
    padding-left: 5px; 
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    width: 140px;
    height: 15px;
    color: #FF0000;
    background-color: #D6D6D6;
    }


ul.menunav li {

    float: left;
    background-color: #ececec;
    border-right:1px solid #FFFFFF;
    border-left:0px solid #FFFFFF;
    }


/* Für Unterpunkte keine Float-Eigenschaft */
    ul.menunav ul li {
    float:none;
    background-color: transparent;
    border-bottom: 1px solid #FFFFFF;
    }

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
    ul.menunav ul li.hover, ul.menunav ul li:hover {
    background-color: #D6D6D6;
    }

/* Zweite Ebene */
    ul.menunav ul {
    margin:0;
    margin-top: -1px; /* Höhe eines Listenelements */
    padding: 0;
    position: absolute;
    background-color: #F3EFF0;
    border-bottom: 1px solid #FFFFFF;
    display: none;
    width: 146px;
    white-space:nowrap; 
    }

   /* Zweite Ebene anzeigen */
    ul.menunav li.hover ul, ul.menunav li:hover ul  {
    display: block;

    }

/* Dritte Ebene */
    ul.menunav li.hover ul ul, ul.menunav li:hover ul ul {
    display: none;
    margin-left: 150px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
    }

   /* Dritte Ebene anzeigen */
    ul.menunav li.hover ul li.hover ul, ul.menunav li:hover ul li:hover ul {
    display: block;
    }


/* Vierte Ebene */
    ul.menunav li.hover ul li.hover ul ul, ul.menunav li:hover ul li:hover ul ul {
    display: none;
    }

   /* Vierte Ebene anzeigen */
    ul.menunav li.hover ul li.hover ul li.hover ul , ul.menunav li:hover ul li:hover ul li:hover ul {
    display: block;
    }




/* NAVIGATIONSELEMENTE */ 

.menue_top_left
{
      width: 152px;
	padding-left: 5px; 
}

.menu1_top_left
{

	background: #FF0000;
      width: 152px;
}

.menu1_top_left a {
	height: 15px;
	background: #FF0000;
	display: block;
      font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0px; 
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right:0px solid #FFFFFF;
}

.menu1_top_left a:hover {
	background-color: #FEE502;
	color:#FF0000;
}

.menu1_top_left a.aktiv {
	background-color: #FF0000;
	color:#FFFFFF;
}

.menu1_top_left a.aktiv:hover {
	background-color: #FEE502;
	color:#FF0000;
}



div.menu_left
{
	width: 150px;
}

div.menu_left a
{
	background: #ececec url(/images/leftMenuNavi_NO.gif) no-repeat;
      font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	width:150px;
	color: #000000;
	display: block;
	padding: 5px 0px 5px 20px;
	border-top:0px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

div.menu_left a:hover
{
	background: #E5E5E5 url(/images/leftMenuNavi_ACT2.gif) no-repeat;
	color:#FF0000;
}

div.menu_left a.aktiv
{
	background: #E5E5E5 url(/images/leftMenuNavi_ACT2.gif) no-repeat;
	color:#FF0000;
}


div.menu_left_ebene2 a
{
	background: #ececec url(/images/leftMenuNaviSub_NO2.gif) 5px no-repeat;
	font-weight: normal;
	color: #000000;
	display: block;
	padding: 5px 0px 5px 25px;
	border-bottom:1px solid #FFFFFF;
}

div.menu_left_ebene2 a:hover
{
	background: #E5E5E5 url(/images/leftMenuNaviSub_ACT2.gif) 5px no-repeat;
	color:#FF0000;
}

div.menu_left_ebene2 a.aktiv
{
	background: #E5E5E5 url(/images/leftMenuNaviSub_ACT2.gif) 5px no-repeat;
	color:#FF0000;
}


/* SEITENINHALTE */

img {
 border:0;
}

.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }

td,table { 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; 
font-size : 12px; 
color: #000000;
}

a { 
color: #FF0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regularf; 
} 

a:hover { 
text-decoration : none; 
color: #FF0000;
} 

div.searchresultpagetitle a:hover {
text-decoration: none;
color: #FF0000; 
}

#rahmen_header {   
background: #ececec;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#menu_top_left {
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
height: 15px;
width: 152px;
background: #FF0000;
}

div.menu_top_left_content {
padding-left: 5px;
}

#menu_top_right {   
background: #ececec;
border-right:0px solid #FFFFFF;
}

#rahmen_content {  
padding-top: 5px; 
background: #FFFFFF;
border-top:1px solid #FFFFFF;
border-right:0px solid #FFFFFF;
}

div.content {
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

div.counter {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

#news_top {   
background: #FF0000;
border-top:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-left:0px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

div.news_top_content {   
color: #FFFFFF;
padding-top: 2px;
padding-left: 5px;
padding-right: 2px;
padding-bottom: 2px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

#news_content {   
padding-top: 1px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 5px;
font-size: 8px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

div.news_content {   
padding-top: 1px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 5px;
font-size: 8px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}


#rahmen_content_right {   
background: #E6E6E8;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-top:10px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

#rahmen_menu_left {
width: 150px;
background: #FFFFFF;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-top:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
height: 85%;
}

#rahmen_menu_right {
width: 151px;
background: #FFFFFF;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-top:1px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-left:1px solid #CCCCCC;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
height: 85%;
}

div.menu_left {
padding-bottom: 10px;
width: 150px;
}

#rahmen_footer {   
height: 20px;
}

#rahmen_footer_left {   
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#rahmen_footer_middle {  
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#rahmen_footer_right {   
background: #ececec;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
margin-top:5px;
}

.footer_middle_content {
background: #E6E6E8;
padding-left: 10px;
padding-top; 5px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.footer_middle_content a {
text-decoration: none;
font-size: 10px;  
}

.footer_middle_content:hover {
text-decoration: none;
font-size: 10px;  
color: #FF0000; 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.rahmen_footer_content {   
padding-left; 0px;

}

div.footer_right_content {  
padding-top; 5px;
padding-left; 5px;
}


h1 {   
margin: 0 0 0 0;
color: #FF0000; 
font-weight : bold; 
font-size: 16px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;  

} 

h2 {   
margin: 0 0 0 0;
color: #FF0000; 
font-size: 16px;
font-weight : bold;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; 

} 

h3 {   
margin: 0 0 0 0;
color: #FF0000; 
font-weight : bold; 
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;  
}

.guesttext { 
  color : black; 
  background-color: #2A88D8; 
  font-size: 12px; 
  font-family : Verdana, Arial, Helvetica, Geneva, SunSans-Regular; 
  border: solid 1px; 
  border-color: #000000;  
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;
  width: 300px;

}  

.guest { 
  color : black; 
  background-color: #FFFFFF; 
  font-size: 12px; 
  font-family : Verdana, Arial, Helvetica, Geneva, SunSans-Regular; 
  border: solid 1px; 
  border-color: #CCCCCC;  
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;
  width: 200px;

}  


.button { 
  color : black; 
  background-color: #F2F2F2; 
  font-size: 10pt; 
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
  border: solid 1px; 
  border-color: #CCCCCC;  
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;

} 

body { 
  margin-top: 0px;
  background-color: #E6E6E8;
  scrollbar-face-color: #ececec;
  scrollbar-highlight-color: black;
  scrollbar-shadow-color: black;
  scrollbar-3dlight-color: #ececec;
  scrollbar-arrow-color: black;
  scrollbar-track-color: #ececec;
  scrollbar-darkshadow-color: #ececec;
}


/* IFRAME */
.tx-iframe_pi1 {
      width: 95%;
}


/* DIFFERENT LINK LAYOUT */

.linkExt { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000;border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}
.linkExt:hover { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000; TEXT-DECORATION: none; border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}

.linkInt { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000;border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}
.linkInt:hover { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000; TEXT-DECORATION: none; border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}

.linkMailto { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000;border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}
.linkMailto:hover { line-height: 160%; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-size: 12px; color: #FF0000; TEXT-DECORATION: none; border-bottom-style: none; border-bottom-color: #FF0000; border-bottom-width: 1px;}


/* CONTENT BROWSING */

.tx-cccbrowse-pi1-browsebox { text-align:center; clear:both; }
.tx-cccbrowse-pi1-browsebox table  { border-style:dotted; border-width:0px; border-color:#ffffff border-collapse:collapse; margin-top:15px; margin-left:auto; margin-right:auto; text-align:center;}
.tx-cccbrowse-pi1-browsebox table td { border-style:dotted; border-width:0px; border-color:#ffffff; text-align:center; margin:2px; padding-bottom:2px; padding-top:2px; padding-left:4px; padding-right:4px; background:#ffffff;}
.tx-cccbrowse-pi1-browsebox table td p a { font-weight:bold; text-decoration:none;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;}
.tx-cccbrowse-pi1-browsebox-SCell p a { text-decoration:none; font-face:bold;}



/* LZ GALLERY */

	#tx-lzgallery-pi1-listing {border-style:dotted;border-width:1px;border-color:black;border-collapse:collapse;font-size:12px;padding:0px;font-family:Verdana, Arial, Helvetica, Geneva, SunSans-Regular;}
	#tx-lzgallery-pi1-listing tr.line1 {background-color:#CCCCCC;color:white;}
	#tx-lzgallery-pi1-listing tr.line1 td.startdate{white-space:nowrap;}
	#tx-lzgallery-pi1-listing tr.line1 td.count{white-space-nowrap;padding-left:20px;}
	#tx-lzgallery-pi1-listing td.preview {padding:0px;width:80px;padding-left:4px;}
	#tx-lzgallery-pi1-listing td.descr_short {font-size:10px;}
	#tx-lzgallery-pi1-listing td.title {font-size:12px;font-face:bold;padding-left:10px;width:80%;}
	#tx-lzgallery-pi1-listing tr.line2 {padding:0px;}
	#tx-lzgallery-pi1-listing td.title a:visited {color:black; text-decoration: none;}   
	#tx-lzgallery-pi1-listing td.title a:hover {color:black; text-decoration: none;}   
	#tx-lzgallery-pi1-listing td.title a:link {color:black; text-decoration: none;}


	#tx-lzgallery-pi1-listing a {color:black;}	
	#tx-lzgallery-pi1-listing #line-descr-short {font-size:12px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCCCCC;}
	#tx-lzgallery-pi1-parent-descr-short {font-size:12px;padding:4px 4px 20px 4px;}
	#tx-lzgallery-pi1-parent-title {font-size:12px;padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-count {padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-subcount {padding:0px 4px 4px 4px;}
	#tx-lzgallery-pi1-listing td.information {font-size:10px;white-space:nowrap;}

    /* gallery - album  */

	#tx-lzgallery-pi1-fotonav td {text-align:center;padding-left:15px;}
	#tx-lzgallery-pi1-fotonav td.descr {color:white;}
	#tx-lzgallery-pi1-fotonav {background-color:#CCCCCC;border-style:dotted;border-width:1px;border-color:#CCCCCC;border-collapse:collapse;font-size:12px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

	#tx-lzgallery-pi1-fotos {table-align:center;border-style:dotted;border-width:1px;border-color:black;border-collapse:collapse;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
	#tx-lzgallery-pi1-fotos td {table-align:center;text-align:center;padding:0;border-style:dotted;border-width:1px;border-color:black;border-collapse:collapse;padding:3px;}
	#tx-lzgallery-pi1-fotos tr {table-align:center;}

	#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:dotted;border-bottom-color:black;text-align:center;margin-bottom:20px;font-size:10px;font-family:Verdana, Arial, Helvetica, Geneva, SunSans-Regular;}
	#tx-lzgallery-pi1-descr-long {font-size:10px;margin:5px 5px 15px 5px;text-align:justify;}

    /* gallery - annotations */
	.tx-lzgallery-pi1-5x5-filename {font-size:10px;font-style:italic;}
	.tx-lzgallery-pi1-1x1-1 {font-size:10px;font-face:bold;border-bottom:1px solid lightgray;}
	.tx-lzgallery-pi1-1x1-2 {font-size:10px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
	.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}




/* GUESTBOOK */

.tx-guestbook-list-header { font-size: 12px; background-color: #CCCCCC; color: #000000; font-weight:bold; }
.tx-guestbook-list-row { font-size: 12px; background-color: #FFFFFF; }
.tx-guestbook-list-rowleft { background-color:  #F2F2F2; }
.tx-guestbook-list-small { font-size: 12px; color: #000000; }
.tx-veguestbook-pi1-browsebox TD { font-size: 12px; color: #000000; }
.tx-veguestbook-pi1-browsebox TD:hover { font-size: 12px; color: #FF0000; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #FFFFFF; }
.tx-guestbook-latest-header { background-color: #88BCE8; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 12px; color: #666666; }
.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#CCCCCC; font-size:12; color:#000000; width:100; height:20; }
.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#CCCCCC; font-size:12; color:#000000; width:150; height:20; }
.tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#CCCCCC; font-size:12; color:#000000; width:250; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-button { color: #000000; background-color: #F2F2F2; font-size: 12px; border: solid 1px; border-color: #CCCCCC; padding: 0px 0px 0px 0px; vertical-align: bottom; width:80; height:20; }
.tx-guestbook-form-error { color: #CC0000; }


.tx-srfreecap-pi2-cant-read {font-size: 12px; color: #000000;}

.guestbook_link:hover {
text-decoration: none;
color: #FF0000; 
}

div.guestbook_link a:hover {
text-decoration: none;
color: #FF0000; 
}


/* NEWS */

.tx-ttnews-browsebox {
	margin:3px;
	border:1px solid #A3C4DF;
	padding:3px;
	background-color: #A3C4DF;
}
.tx-ttnews-browsebox TD { 
	font-size: 10px; 
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { 
	font-weight: bold; 
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {
	background-color: #A3C4DF;
	border:1px solid #A3C4DF;
}
.news-search-emptyMsg { 
	font-size: 11px;
	margin-left: 10px; 
}


/* MAILFORMULAR */

SELECT {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #000000;
background-color:#FFFFFF
}

TEXTAREA {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
border:1px solid #CCCCCC;
color: #000000;
font-weight : normal;
background-color:#F2F2F2
}

INPUT {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
border:1px solid #CCCCCC;
color: #000000;
background-color:#F2F2F2
}

.mailform {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #000000;
font-weight : normal;
}

.mailformrequired {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #FF0000;
font-weight : normal;
}

.mailformcomment {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #000000;
font-weight : normal;
}

.mailformlabel {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #000000;
font-weight : normal;
}


/* SITEMAP */

div.sitemapContent a {	
color:#000000;
text-decoration:none;
padding-left: 12px;
background: url(/submitPfeil.gif) no-repeat 2px 3px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

div.sitemapContent a:hover {	
color:#FF0000;
text-decoration:none;
padding-left: 12px;
background: url(/submitPfeil.gif) no-repeat 2px 3px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

p.sitemapContent a {	
font-weight:bold;
color:#000000;
text-align:right;
text-decoration:none;
padding-left: 12px;
background: url(/submitPfeil.gif) no-repeat 2px 3px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

div.sitemapHeader {
color: #FF0000;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.sitemapFooter:hover {
text-decoration: none;
font-size: 12px;  
color: #FF0000; 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.sitemapFooterTable {
background: #CCCCCC;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
}

.sitemapHeaderTable {
background: #CCCCCC;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding-left: 2px;
}

.sitemapContentTable {
padding-top: 10px;
background: #FFFFFF;
}



/* Suche 
td.formTd1 {
	widht:120px;
}
td.formTd2 {
	width:270px;
}
*/
td.formTd2 input{
	background-color:#ffffff;
	width:100%;
	color:#000000;
}
td.formTd2 input.check {
	background-color:#ffffff;
	width:20px;
	color:#000000;
}
td.formTd2 select{
	background-color:#ffffff;
	width:100%;
	color:#000000;
	border:1px solid #cccccc;
}
td.formTd2 textarea {
	background-color:#ffffff;
	width:100%;
	border:1px solid #cccccc;
	color:#000000;
	font-family: arial, sans-serif;
	font-size:12px;
}
p.formError {
	color:#ff0000;
	font-weight:bold;
}

div.fussnote {
	font-size:12px;
	width:400px;
	color:#003366;
	letter-spacing:1px;
	padding:9px 0px 10px 28px;
}


p.subheadline {
	font-weight:bold;
	font-size:12px;
	color:#000000;
	}

Hier das Template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title></head>

<body>
<!-- ###DOCUMENT###-->
<table width="1050" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1033" height="100" id="rahmen_header"><img src="fileadmin/template/header_mp_3.jpg" width="1031" height="100" /></td>
    <td width="17" valign="top" background="images/schatten_rechts_m.gif"><img src="images/schatten_rechts_o.gif" width="17" height="21" /></td>
  </tr>
  <tr>
    <td><table width="1033" border="0" cellspacing="0" cellpadding="0"  id="kopfmenu">
      <tr>
        <td width="150" id="menu_top_left">###MENU_TOP_LEFT###</td>
        <td width="898" id="menu_top_right">###MENU_TOP###</td>
      </tr>
    </table></td>
    <td background="images/schatten_rechts_m.gif"> </td>
  </tr>
  <tr>
    <td><table width="1033" height="425" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="150" valign="top" id="rahmen_menu_left"><p>###MENU_LEFT###
            </p>
          <center>
            <p><a href="http://www.vvb-maingau.de/privatkunden0.html" target="_blank"><img src="/fileadmin/mp13/sponsoren/volksbank_klein.jpg" alt="VB Maingau" width="145" height="152" vspace="10" border="0" longdesc="http://www.vvb-maingau.de/privatkunden0.html" /></a></p>

          <p><img src="/fileadmin/mp13/sponsoren/grimm1.jpg" width="150" height="98" alt="Grimm" /><br>
            
          </p>
          </center>
          <center>
        <img src="clear.gif" width="150" height="1"></td>
        <td width="728" valign="top" id="rahmen_content"><div class="content">###SUBTITLE######CONTENT###<img src="clear.gif"></div></td>
                <td width="155" align="left" valign="top" id="rahmen_menu_right"><center>
                  <p><a href="https://bankingportal.sls-direkt.de/portal/portal/StartenIPSTANDARD" target="_blank"><img src="/fileadmin/mp13/sponsoren/sparkasse.jpg" alt="Sparkasse" width="145" height="52" vspace="10" border="0" longdesc="https://bankingportal.sls-direkt.de/portal/portal/StartenIPSTANDARD" /></a></p>
                  <p><img src="/fileadmin/mp13/sponsoren/grimm2.jpg" width="150" height="101" alt="Grimm" /><br />
                  </p>
                  <p><a href="http://www.zoeller-daecher.de" target="_blank"><img src="/fileadmin/mp13/sponsoren/zoeller.jpg" alt="Zöller" width="145" height="86" border="0" longdesc="http://www.zoeller-daecher.de" /></a> </p>
                  <p><a href="http://www.giese-zirnsak.de" target="_blank"><img src="/fileadmin/mp13/sponsoren/toyota.jpg" alt="Giese & Zirnsak" width="120" height="159" border="0" longdesc="http://www.giese-zirnsak.de" /></a></p>
                  </center>  
</p></td>
      </tr>
    </table></td>
    <td background="images/schatten_rechts_m.gif"> </td>
  </tr>
  <tr>
    <td><table width="1033" border="0" cellspacing="0" cellpadding="0" id="rahmen_footer">
      <script language="Javascript" src="fileadmin/template/functions.js" type="text/javascript"></script>
      <tr>
        <td width="150" id="rahmen_footer_left"><div class="footer_middle_content"><center>
          <a href="http://www.tus-klein-welzheim.de/impressum_mp.html" target="_top">Impressum</a>
        </center></div></td>        <td width="733" id="rahmen_footer_middle"><div class="footer_middle_content">© tus-klein-welzheim.de</div></td>
        <td width="150" id="rahmen_footer_right"><div class="footer_middle_content">###PRINT###</div></td>
      </tr>
    </table></td>
    <td background="images/schatten_rechts_m.gif"> </td>
  </tr>
    <tr>
    <td><img src="images/schatten_unten.gif" width="1033" height="16" /></td>
    <td><img src="images/schatten_rechts_u.gif" width="17" height="16" /></td>
  </tr>
</table>
<!-- ###DOCUMENT###-->
</body>
</html>
Norman2k ·

Mal ehrlich, willst du jetzt immer einen neuen Thread erstellen wenn irgendwo in deiner CSS ein padding oder margin fehlt?
Es gibt so schöne Plugins für Browser, wo man sich die CSS für bestimmte Elemente anzeigen lassen und auch on the fly ändern kann, so kann man ziemlich schnell den Fehler finden