.css Problem
.css Problem
hallo und guten tag,
habe meine seite mit IE, Mozilla und Netscape getestet soweit alles i.O., nur leider zeigt er mir in Netscape und Mozilla nicht die richtigen styles an bzw. gar keine!
Hat vielleicht einer einen Tip für mich???
Vielen Dank im Voraus.
Gruß Joerschie
habe meine seite mit IE, Mozilla und Netscape getestet soweit alles i.O., nur leider zeigt er mir in Netscape und Mozilla nicht die richtigen styles an bzw. gar keine!
Hat vielleicht einer einen Tip für mich???
Vielen Dank im Voraus.
Gruß Joerschie
wie meinst du dass man dir helfen könnte ?
ohne das du dein style postest wird man dir kaum helfen können...
ohne das du dein style postest wird man dir kaum helfen können...
*** make your own tools (wishlist :: thx)
vielen dank für eure antworten! anbei der gewünschte code:
und hier der link zur seite: http://sc-kickers.de
[/quote]
und hier der link zur seite: http://sc-kickers.de
Code: Alles auswählen
<html>
<head>
<title>>>> Die offiziellen Seiten des SC Riesa Sektion Fussball >>></title>
<link rel="shortcut icon" href="picture/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#666666" link="#CCCCCC" topmargin="0" leftmargin="20">
<table width="780" height="70" border="0" cellpadding="0" cellspacing="0" id="Header">
<tr>
<td width="20" height="40" bgcolor="#336699" style="BORDER-RIGHT: #FFFFFF 2px solid;"><img src="picture/spacer4.gif" width="20" height="1"></td>
<td width="10" height="40" bgcolor="#3399CC"><img src="picture/spacer3.gif" width="10" height="1"></td>
<td width="10" height="40"><img src="picture/spacer3.gif" width="10" height="1"></td>
<td width="730" height="40" class="header" style="BORDER-RIGHT: #CCCCCC 1px solid;">DIE
OFFIZIELLEN SEITEN DES SC RIESA SEKTION FUSSBALL</td>
<td width="10" style="BORDER-RIGHT: #336699 1px solid;"><img src="picture/spacer3.gif" width="10" height="1"></td>
</tr>
<tr>
<td width="20" height="30" bgcolor="#336699" style="BORDER-RIGHT: #FFFFFF 2px solid;"><img src="picture/spacer4.gif" width="20" height="1"></td>
<td width="10" height="30" bgcolor="#3399CC"><img src="picture/spacer3.gif" width="10" height="1"></td>
<td width="10" height="30" style="BORDER-RIGHT: #CCCCCC 1px solid;"><img src="picture/spacer3.gif" width="10" height="1"></td>
<td width="730" height="30" style="BORDER-RIGHT: #CCCCCC 1px solid;">CMS_CONTAINER[1]</td>
<td width="10" height="30" align="center" style="BORDER-RIGHT: #336699 1px solid;"><img src="picture/spacer3.gif" width="10" height="1"></td>
</tr>
</table>
<table width="780" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="780" height="1"><img src="picture/spacer.gif" width="1" height="1"></td>
</tr>
</table>
<table width="780" height="140" border="0" cellpadding="0" cellspacing="0" id="Header">
<tr>
<td width="20" height="140" bgcolor="#336699" style="BORDER-RIGHT: #FFFFFF 2px solid;"><img src="picture/spacer4.gif"></td>
<td width="10" height="140" bgcolor="#3399CC" ><img src="picture/spacer3.gif"></td>
<td width="10" height="140" style="BORDER-RIGHT: #CCCCCC 1px solid;"><img src="picture/spacer3.gif"></td>
<?php $header = array('background="picture/Header/Header1.jpg"',
'background="picture/Header/Header2.jpg"',
'background="picture/Header/Header3.jpg"',
'background="picture/Header/Header4.jpg"',
'background="picture/Header/Header5.jpg"',
'background="picture/Header/Header6.jpg"',
'background="picture/Header/Header7.jpg"'); ?>
<td width="730" height="140" <?php $min =0; $max = count($header)-1; echo $header[rand($min,$max)];?> style="BORDER-RIGHT: #CCCCCC 1px solid;"> </td>
<td width="10" style="BORDER-RIGHT: #336699 1px solid;"><img src="picture/spacer3.gif"></td>
</tr>
</table>
<table width="780" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td><img src="picture/spacer.gif" width="1" height="1"></td>
</tr>
</table>
<table width="780" height="650" border="0" cellpadding="0" cellspacing="0" id="Header">
<tr>
<td width="20" height="600" rowspan="3" bgcolor="#336699" style="BORDER-RIGHT: #FFFFFF 2px solid;"><img src="picture/spacer4.gif"></td>
<td width="10" height="600" rowspan="3" bgcolor="#3399CC"><img src="picture/spacer3.gif"></td>
<td width="10" height="600" rowspan="3" style="BORDER-RIGHT: #CCCCCC 1px solid;"><img src="picture/spacer3.gif"></td>
<td width="130" height="10" valign="top" style="BORDER-BOTTOM: #CCCCCC 1px solid;"><br>
</td>
<td width="380" height="10" valign="top" style="BORDER-BOTTOM: #CCCCCC 1px solid;"><br></td>
<td width="220" height="10" valign="top" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;"> </td>
<td height="600" rowspan="3" style="BORDER-RIGHT: #336699 1px solid;" width="10"><img src="picture/spacer3.gif"></td>
</tr>
<tr>
<td width="130" height="600" valign="top" style="BORDER-RIGHT: #CCCCCC 1px solid;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="BORDER-BOTTOM: #CCCCCC 1px solid;">CMS_CONTAINER[2]</td>
</tr>
</table></td>
<td width="380" height="600" valign="top" style="BORDER-RIGHT: #CCCCCC 1px solid;">
<table width="360" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="350" class="text1">CMS_CONTAINER[3]</td>
</tr>
</table>
<br> <table width="360" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="360" height="20" bgcolor="#efeeee" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;"> <img src="picture/pfeil_darkblue.gif" width="7" height="7"><img src="picture/pfeil_blue.gif" width="7" height="7"><img src="picture/pfeil_blue1.gif" width="7" height="7">
<span class="header1">TOPNEWS</span></td>
</tr>
<tr>
<td width="360" background="picture/news_bg.gif" class="text" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;">CMS_CONTAINER[4]</td>
</tr>
</table>
<br> <table width="360" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="360" height="20" bgcolor="#efeeee" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;"> <img src="picture/pfeil_darkblue.gif" width="7" height="7"><img src="picture/pfeil_blue.gif" width="7" height="7"><img src="picture/pfeil_blue1.gif" width="7" height="7">
<span class="header1">NEWS RUND UM DEN VEREIN</span></td>
</tr>
<tr>
<td width="360" background="picture/news_bg.gif" class="text" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;">CMS_CONTAINER[5]</td>
</tr>
</table>
<p> </p></td>
<td width="220" height="600" valign="top" style="BORDER-RIGHT: #CCCCCC 1px solid;">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="20" bgcolor="#efeeee" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;"> <img src="picture/pfeil_darkblue.gif" width="7" height="7"><img src="picture/pfeil_blue.gif" width="7" height="7"><img src="picture/pfeil_blue1.gif" width="7" height="7"><span class="header1">
BLITZNEWS</span></td>
</tr>
<tr>
<td width="200" background="picture/news_bg.gif" class="text"style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;">CMS_CONTAINER[6]</td>
</tr>
</table>
<br>
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="20" bgcolor="#efeeee" style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;"> <img src="picture/pfeil_darkblue.gif" width="7" height="7"><img src="picture/pfeil_blue.gif" width="7" height="7"><img src="picture/pfeil_blue1.gif" width="7" height="7"><span class="header1">
TABELLE</span></td>
</tr>
<tr>
<td width="200" background="picture/news_bg.gif" class="text"style="BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid;">CMS_CONTAINER[7]</td>
</tr>
</table><br>
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">CMS_CONTAINER[8]</td>
</tr>
</table><br></td>
</tr>
<tr>
<td width="130" height="40" valign="top" class="text2" style="BORDER-RIGHT: #CCCCCC 1px solid;"> </td>
<td width="380" height="40" align="center" style="BORDER-RIGHT: #CCCCCC 1px solid;">CMS_CONTAINER[9]</td>
<td width="220" height="40" valign="top" style="BORDER-RIGHT: #CCCCCC 1px solid;"> </td>
</tr>
</table>
</body>
</html>
Code: Alles auswählen
body {
SCROLLBAR-BASE-COLOR: #E4E4E4;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #336699;
SCROLLBAR-DARbody {
SCROLLBAR-BASE-COLOR: #E4E4E4;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #336699;
SCROLLBAR-DARKSHADOW-COLOR: #999999;
SCROLLBAR-FACE-COLOR: #E4E4E4;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
}
.header {
font-family: verdana;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
}
.text {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 5px;
}
.text1 {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 5px 5px 5px 0px;
}
.header1 {
font-family: verdana;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #666666;
text-decoration: none;
}
a {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: underline;
}
a:hover {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: underline;
}
a.topnav {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
a.topnav:hover {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: none;
}
a.leftnav {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
a.leftnav:hover {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: none;
}
.texttabelle {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
.textfett {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
.text2 {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
table.front {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
table.frontgr {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
.textblue10 {
font-family: verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #336699;
text-decoration: none;
padding-left: 5px;
}
.email_input {
font-family: verdana;
font-size: 10px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 20px;
width: 200px;
}
.email_input_adr {
font-family: verdana;
font-size: 10px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 34px;
width: 200px;
}
.email_nachricht {
font-family: verdana;
font-size: 10px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 150px;
width: 300px;
}
.button {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #333333;
background-color: #FFFFFF;
margin: 2px;
padding: 2px;
height: 20px;
width: 100px;
border: 1px solid #CCCCCC;KSHADOW-COLOR: #999999;
SCROLLBAR-FACE-COLOR: #E4E4E4;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
}
.header {
font-family: verdana;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
}
.text {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 5px;
}
.text1 {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 5px 5px 5px 0px;
}
.header1 {
font-family: verdana;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #666666;
text-decoration: none;
}
a {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: underline;
}
a:hover {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: underline;
}
a.topnav {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
a.topnav:hover {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: none;
}
a.leftnav {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
a.leftnav:hover {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #3399FF;
text-decoration: none;
}
.texttabelle {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
.textfett {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
.text2 {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
padding: 0px;
}
table.front {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
table.frontgr {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
text-decoration: none;
}
.textblue10 {
font-family: verdana;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #336699;
text-decoration: none;
padding-left: 5px;
}
.email_input {
font-family: verdana;
font-size: 9px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 20px;
width: 200px;
}
.email_input_adr {
font-family: verdana;
font-size: 9px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 34px;
width: 200px;
}
.email_nachricht {
font-family: verdana;
font-size: 9px;
color: #333333;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 2px;
height: 150px;
width: 300px;
}
.button {
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #333333;
background-color: #FFFFFF;
margin: 2px;
padding: 2px;
height: 20px;
width: 100px;
border: 1px solid #CCCCCC;