Zum Inhalt springen

HTML Farben im Browser nicht angezeigt

Erstellt am 21. August 2005 · 13 Antworten · letzte Antwort am 22. August 2005

Tags: Frage

fisi-t ·

Hallo,

ich habe ein kleines Problem. Ich habe für meine Homepage eine HTML Vorlage erstellt, wenn ich diese mit dem Browser Safari, und Firefox anschaue habe ich alle farben. Sobald ich den Internet Explorer verwende fehlen mir die Farben. Ich hab bei google nach IE sicheren Farben gesucht auch diese verwendet, aber es ist immer noch der gleiche Fehler. Liegt es vielleicht an etwas anderem?

Gruß

christian

fisi-t ·

Das komische ist, wenn ich die Vorlage so mit dem IE öffne erscheinen die die Balken in den Farben richtig. Sobald ich sie aber in Typo3 verwende erscheinen sie nicht mehr.

Es sollte ein Balken blau horizontal über dem Logo und Trailer erscheinen in dem das Datum und Menu Oben ist und ein schwächerer unter dem Logo und Trailer .

<!-- ###DOKUMENT### begin -->

<table border="0" width="937" cellspacing="0" cellpadding="0">
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left" width="927" class="menu_oben">
           
          ###DATUM###  
         </td>
         <td valign="top" align="right" width="927" class="menu_oben">
           ###MENU_OBEN###
         </td>
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="22" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr>
   <td width="100%">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left">###LOGO###</td>
         <td valign="top" align="left">###TRAILER###</td>
       </tr>
     </table>
   </td>
 </tr>
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="3" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
  <tr>
   <td width="100%">
     <tr>
... 

</tr>
 <tr>
   <td width="100%" bgcolor="#000064">
     <img src="clear.gif" width="1" height="3" alt="" />
   </td>
 </tr>
</table>

<!-- ###DOKUMENT### end -->

Am Ende der seite sollte wieder ein blauer Balken über das Dokument sein!

Zwomble ·

Moin!
Wo hast Du die <!-- ###CONTENT### ---> Tags gesetzt?!?!
Poste doch mal einen Teil des Quellcodes der ausgegebenen Seite. Dann siehst Du ganz schnell, ob Typo den Teil ersetzt oder z.B. ein Style Deine Formatierung überschreibt.

Grüße Zwomble

fisi-t ·

So hier ist der ganze ausgegebnene Quelltext!
Was ich auch nicht verstehe ist der lange bereich im head vor dem Body woher das kommt!
Danke mal. Die Seite ist unter www.cfr-server.de/tsvneukirch.html zuerreichen!

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2004 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<style type="text/css">
		/*<![CDATA[*/
	<!--
	/* default styles for extension "tx_lzgallery_pi1" */
    /* gallerie - listing */
	#tx-lzgallery-pi1-listing {border-style:dotted;border-width:1px;border-color:#00008c;border-collapse:collapse;font-size:12px;padding:0px;font-family:verdana}
	#tx-lzgallery-pi1-listing tr.line1 {background-color:lightgrey;color:black;}
	#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.title {font-size:16px;font-face:bold;padding-left:10px;width:80%;}
	#tx-lzgallery-pi1-listing tr.line2 {padding:0px;}
	
	#tx-lzgallery-pi1-listing a {color:black;}	
	#tx-lzgallery-pi1-listing #line-descr-short {border-top-width:1px;border-top-style:dotted;border-top-color:#00008c;}
	#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
	#tx-lzgallery-pi1-parent-title {font-size:20px;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:#00008c;}
	#tx-lzgallery-pi1-fotonav {background-color:lightgrey;border-color:#00008c;border-style:solid;border-width:2px;font-family:verdana;}

	#tx-lzgallery-pi1-fotos {border-width:2px;border-style:solid;border-color:#00008c;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:verdana;}
	#tx-lzgallery-pi1-fotos td {text-align:center;padding:0;border-style:solid;border-width:1px;border-color:#00008c;padding:3px;}

	#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00008c;text-align:center;margin-bottom:20px;font-size:20px;}
	#tx-lzgallery-pi1-descr-long {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:12px;font-face:bold;border-bottom:1px solid lightgray;}
	.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
	.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}
/* default styles for extension "tx_lzgallery_pi1_simple" */
    /* gallerie - listing */
	#tx-lzgallery-pi1-listing {border-style:dotted;border-width:1px;border-color:#00008c;border-collapse:collapse;font-size:12px;padding:0px;font-family:verdana}
	#tx-lzgallery-pi1-listing tr.line1 {background-color:lightgrey;color:black;}
	#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.title {font-size:16px;font-face:bold;padding-left:10px;width:80%;}
	#tx-lzgallery-pi1-listing tr.line2 {padding:0px;}
	
	#tx-lzgallery-pi1-listing a {color:black;}	
	#tx-lzgallery-pi1-listing #line-descr-short {border-top-width:1px;border-top-style:dotted;border-top-color:#00008c;}
	#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
	#tx-lzgallery-pi1-parent-title {font-size:20px;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:#00008c;}
	#tx-lzgallery-pi1-fotonav {background-color:lightgrey;border-color:#00008c;border-style:solid;border-width:2px;font-family:verdana;}

	#tx-lzgallery-pi1-fotos {border-width:2px;border-style:solid;border-color:#00008c;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:verdana;}
	#tx-lzgallery-pi1-fotos td {text-align:center;padding:0;border-style:solid;border-width:1px;border-color:#00008c;padding:3px;}

	#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00008c;text-align:center;margin-bottom:20px;font-size:20px;}
	#tx-lzgallery-pi1-descr-long {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:12px;font-face:bold;border-bottom:1px solid lightgray;}
	.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
	.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}
	-->
		/*]]>*/
	</style>
	<link rel="stylesheet" type="text/css" href="fileadmin/tsvTest/style.css" />
	<title>Home</title>
	<meta name="generator" content="TYPO3 3.7 CMS" />
	<meta name="Author" content="C.Fisahn" />
	<meta name="Description" content="TSV Neukirch; Volleyball; Alb Bodensee Cup; Turnen; Rottwei" />
	<script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
if (version == "n3") {
img55_151d_0_n=new Image(); img55_151d_0_n.src = "typo3temp/menu/ed2ba41cd6.gif"; 
img55_151d_0_h=new Image(); img55_151d_0_h.src = "typo3temp/menu/c7192267bc.gif"; 
img91_151d_1_n=new Image(); img91_151d_1_n.src = "typo3temp/menu/9545ed192d.gif"; 
img91_151d_1_h=new Image(); img91_151d_1_h.src = "typo3temp/menu/60eb800531.gif"; 
img77_151d_2_n=new Image(); img77_151d_2_n.src = "typo3temp/menu/c48e214bff.gif"; 
img77_151d_2_h=new Image(); img77_151d_2_h.src = "typo3temp/menu/c4f789843b.gif"; 
img54_151d_3_n=new Image(); img54_151d_3_n.src = "typo3temp/menu/697436f90e.gif"; 
img54_151d_3_h=new Image(); img54_151d_3_h.src = "typo3temp/menu/b3d6d46285.gif";
}
// -->
	/*]]>*/
</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
		// JS function for mouse-over
	function over(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_h.src");}
	}
		// JS function for mouse-out
	function out(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_n.src");}
	}

// -->
	/*]]>*/
</script>

</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"


<table border="0" width="937" cellspacing="0" cellpadding="0">
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left" width="927" class="menu_oben">
           
          22.08.05  
         </td>
         <td valign="top" align="right" width="927" class="menu_oben">
            <a href="home.0.html" onfocus="blurLink(this);">Home</a> | <a href="kontakt.0.html" onfocus="blurLink(this);">Kontakt</a> | <a href="anfahrt.0.html" onfocus="blurLink(this);">Anfahrt</a> | <a href="impressum.0.html" onfocus="blurLink(this);">Impressum</a>
         </td>
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="22" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr>
   <td width="100%">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left"><img src="typo3temp/GB/aaf68afd72.gif" width="151" height="99" border="0" alt="" title="" /></td>
         <td valign="top" align="left"><img src="typo3temp/GB/358725debc.gif" width="759" height="99" border="0" alt="" title="" /></td>
       </tr>
     </table>
   </td>
 </tr>
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="3" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
  <tr>
   <td width="100%">
     <table border="0" width="937" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left" width="178" bgcolor="#E0E0E0">
           <img src="typo3temp/GB/c45348129d.gif" width="151" height="1" border="0" alt="" title="" /><a href="albbodenseecup.0.html" onfocus="blurLink(this);" onmouseover="over('img55_151d_0');" onmouseout="out('img55_151d_0');"><img src="typo3temp/menu/ed2ba41cd6.gif" width="151" height="24" border="0" alt="Alb Bodensee Cup" name="img55_151d_0" /></a><a href="breitensport.0.html" onfocus="blurLink(this);" onmouseover="over('img91_151d_1');" onmouseout="out('img91_151d_1');"><img src="typo3temp/menu/9545ed192d.gif" width="151" height="24" border="0" alt="Breitensport" name="img91_151d_1" /></a><a href="turnen.0.html" onfocus="blurLink(this);" onmouseover="over('img77_151d_2');" onmouseout="out('img77_151d_2');"><img src="typo3temp/menu/c48e214bff.gif" width="151" height="24" border="0" alt="Turnen" name="img77_151d_2" /></a><a href="volleyball.0.html" onfocus="blurLink(this);" onmouseover="over('img54_151d_3');" onmouseout="out('img54_151d_3');"><img src="typo3temp/menu/697436f90e.gif" width="151" height="24" border="0" alt="Volleyball" name="img54_151d_3" /></a>
         </td>
         <td valign="top" align="left" width="10">
           <img src="clear.gif" width="1" height="1" alt="" />
         </td>
         <td valign="top" align="left" width="533">
           <table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td width="533" valign="top" align="left">
                 <table width="533" cellspacing="0" cellpadding="0">
                    <td valign="top" align="left" width="1">
                       <img src="clear.gif" width="1" height="10" alt="" />
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
             <tr>
               <td width="533" valign="top" align="left" class="inhalt">
                 <a name="110"></a><h1>TSV Neukirch 1966 e.V.</h1><br />Hier gibts Informationen rund um die Abteilung Volleyball, wie z.B. aktuelle Ergebnisse und Tabellen aller Volleyballmannschaften des TSV Neukirch und Hinweise über Veranstaltungen und Aktivitäten des Vereins.<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /><a name="111"></a><h1>News</h1><br />Die Neuigkeiten des TSV's

test


test

test<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
               </td>
             </tr>
             <tr>
               <td width="533" valign="top" align="left">
                 <table width="533" cellspacing="0" cellpadding="0">
                    <td valign="top" align="left" width="1">
                       <img src="clear.gif" width="1" height="10" alt="" />
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
           </table>
         </td>
         <td valign="top" align="left" width="10">
           <img src="clear.gif" width="1" height="50" alt="" />
         </td>
         <td valign="top" align="left" width="10" bgcolor="#D3E2F9">
           <img src="clear.gif" width="10" height="1" alt="" />
         </td>
         <td valign="top" align="left" width="186" bgcolor="#D3E2F9" class="inhalt">
           <img src="clear.gif" width="1" height="50" alt="" /><br />
           <a name="111"></a><h1>News</h1><br />Die Neuigkeiten des TSV's

test


test

test<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
         </td>
         <td valign="top" align="left" width="10" bgcolor="#D3E2F9">
           <img src="clear.gif" width="10" height="1" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr>
   <td width="100%" bgcolor="#000064">
     <img src="clear.gif" width="1" height="3" alt="" />
   </td>
 </tr>
</table>


</body>
</html>
Zwomble ·

GOTO 147: <body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"

und mach <body> zu!
Dann klappts auch mit dem IE!

Grüße Zwomble

fisi-t ·

Wie mache ich das, in der vorlage ist der body zu!
Liegt das vielleicht daran das da davor schon soviel wirres zeug mit reingeschrieben wurde?
Gruß

fisi-t ·

Ok, ja der wird sehr lange*g* Danke für deine Hilfe!!!

# Default PAGE object:
page = PAGE
page {
 typeNum = 0

 # Allgemeine Seiteneigenschaften setzen
  bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"
  meta.Author = C.Fisahn
  meta.Description = TSV Neukirch; Volleyball; Alb Bodensee Cup; Turnen; Rottwei
  stylesheet = fileadmin/tsvTest/style.css

 # Designvorlage integrieren
  10 = TEMPLATE
  10 {
     template = FILE 
     template.file = fileadmin/tsvTest/TSVN25.html
     workOnSubpart = DOKUMENT

      #Platzhalter ansprechen
      marks{

       #Datum
       DATUM = TEXT
       DATUM.data = date : d.m.y
       
       #Logo
       LOGO = IMAGE
       LOGO.file = GIFBUILDER
        LOGO.file {
        XY = 151 , 99
        backColor = #BFBFBF
        10 = IMAGE
        10.file = fileadmin/tsvTest/images/Logo_gr.jpg
        #10.file.width = 151
        10.offset = 30,0 

         # Den Verlauf einarbeiten
        20 = IMAGE
        20.file = GIFBUILDER
        20.file.backColor = #FFFFFF
        20.file.XY = 178,99
        20.mask = fileadmin/tsvTest/images/maskLogo.jpg
        20.file.width = 178
       }

       #Trailer
       TRAILER = IMAGE
       TRAILER.file = GIFBUILDER
        TRAILER.file {
        XY = 759, 99
        backColor = #FFFFFF
        10 = IMAGE
        10.file = fileadmin/tsvTest/images/rathaus.jpg
        10.file.width = 795
        10.offset = 0, -210
     
       # Den Verlauf einarbeiten
       20 = IMAGE
       20.file = GIFBUILDER
       20.file.backColor = #FFFFFF
       20.file.XY = 759,99
       20.mask = fileadmin/images/mask.jpg

       # Text auf Trailer rendern
        30 = TEXT
        30.text.field = subtitle // title
        30.fontFile = fileadmins/fonts/verdana.ttf
        30.fontSize = 25
        30.fontColor = #364497
        30.niceText = 1
        30.offset = 2, 85
        }
 
       #Menü Oben
        MENU_OBEN = HMENU
        MENU_OBEN {
          special = directory
          special.value = 57
          1 = TMENU
          1.NO = 1
          1.NO.linkWrap =  | | |*|  | | |*|  |
          }

       

       #Menü links  
        MENU_LINKS = COA
        MENU_LINKS {
         10 = IMAGE
         10.file = GIFBUILDER
         10.file {
              XY = 151, 1
              backColor = #FFFFFF
             }
          10.offset= 0, 0
     
         20 = HMENU
         20 {
          special = directory
          special.value = 56
          entryLevel = 2
          1 = GMENU
          1.NO = 1
          1.NO {
           XY = 151, 24
           backColor  = #BFBFBF
           11 = TEXT
           11.text.field = title
           11.fontColor = #061467
           11.fontFile = fileadmins/fonts/verdana.ttf
           11.fontSize = 12
           11.niceText = 1
           11.offset = 14, 16

           # Weiße Linie
           30 = IMAGE
           30.file = GIFBUILDER
           30.file {
              XY = 178, 1
              backColor = #FFFFFF
              }
           30.offset= 0, 23
            }
          1.RO < .1.NO
          1.RO.backColor = #0000CC
          1.RO.11.fontColor = #FFFFFF
          1.RO.11.fontSize = 15

         #Zweite Menu ebene
          2 < .1
          2.NO {
          backColor = #E0E0E0
          11.offset = 30, 16
          11.fontSize = 11 
           } 
          2.RO < .1.RO
          2.RO.backColor = #0033CC
          2.RO.11.fontColor = #FFFFFF
          2.RO.11.fontSize = 13
          2.RO.11.offset = 30, 16
          }
       
     }

       #Content
        INHALT = CONTENT
        INHALT.table = tt_content
       
       #Content Rechts
       
       RECHTS = CONTENT
       RECHTS {
       table = tt_content
       select.where = colPos = 2
       orderBy = sorting
      
       }    
    }
  }
} 

tt_content = COA
tt_content {
 10 = TEXT
 10 {
 field = header
 wrap = <h1>|</h1><br />
 }
 20 = TEXT
 20 {
 field = bodytext
 #wrap = <p>|</p>
 }
}
Zwomble ·

Wenn Du das Grau aus dem Logo meinst:
#
#Logo
#
LOGO = IMAGE
#
LOGO.file = GIFBUILDER
#
LOGO.file {
#
XY = 151 , 99
#
backColor = #BFBFBF
#
10 = IMAGE
#
10.file = fileadmin/tsvTest/images/Logo_gr.jpg
#
#10.file.width = 151
#
10.offset = 30,0

So! Denn Rest musst Du jetzt aber selbst schaffen oder auf Mambo umsteigen...
Grüße Zwomble

fisi-t ·

nene, hab was anderes gemeint! hab die Lösung gefunden, es waren die extensions die ich installiert hatte!