CONTENIDO Forum

Das Diskussionsforum zum Open Source Content Management System
https://forum.contenido.org/

.css Problem

https://forum.contenido.org/viewtopic.php?f=110&t=6025

Seite 1 von 1

.css Problem

Verfasst: Fr 22. Okt 2004, 14:30
von Joerschie
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

Verfasst: Fr 22. Okt 2004, 15:40
von emergence
wie meinst du dass man dir helfen könnte ?

ohne das du dein style postest wird man dir kaum helfen können...

Verfasst: Fr 22. Okt 2004, 16:00
von SkyBlader
dat layout , css file + ggf. module ( aber nur die die es nciht richtig machen !!!! ) posten


dann kann man dir eher helfen, so hat man nich mal nen ansatzpunkt


gruß

Stefan

Verfasst: Fr 22. Okt 2004, 20:20
von timo
der quelltext der ergebnisseite wäre evtl hilfreicher, mit der angabe, welche styles namentlich nicht gehen...

Verfasst: Sa 23. Okt 2004, 11:32
von Joerschie
vielen dank für eure antworten! anbei der gewünschte code:

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;">&nbsp;</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;">&nbsp;</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;">&nbsp;<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;">&nbsp;<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>&nbsp;</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;">&nbsp;<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;">&nbsp;<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;">&nbsp;</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;">&nbsp;</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;
[/quote]

Verfasst: Sa 23. Okt 2004, 11:43
von timo
und was genau geht jetzt nicht?

Verfasst: Mo 25. Okt 2004, 08:46
von Joerschie
Die Styles für die einzelnen Container werden nur im IE und Opera akzeptiert und korrekt angezeigt. Bei Mozilla und Netscape eben nicht!!!

Verfasst: Mo 25. Okt 2004, 08:53
von timo
kann jetzt nichts sehen...zum debuggen habe ich keine zeit....

jag das mal durch nen HTML-validator und schau ob er irgendwelche Fehler anmeckert...

Verfasst: Di 26. Okt 2004, 19:26
von Joerschie
hat sich erledigt! keine ahnung an was es lag!!!

vielen dank noch mal für die antworten.

gruß joerschie
Alle Zeiten sind UTC+01:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de