Dynamische CSS Datei eingefügt und Navi war weg...

Hallo zusammen...

Folgendes ist mir heute passiert. Ich habe ein zusätzliches CSS File ins Template eingefügt, welches mir die verschiedenen Styles regeln soll. Sobald ich dies gemacht habe, ist mir die obere Navigation (nicht die auf der Seite)unter dem Punkt "Kontakt" verschwunden.
Dies kann unter folgendem Link angeschaut werden:

http://www.pan4fun.ch/test/haarem/index.php?id=27

So sollte die obere Navigation aussehen:

http://www.pan4fun.ch/test/haarem/index.php?id=4

Hier noch das Template, die Zeile die ich eingefügt habe heisst: includeCSS.file1 = fileadmin/css/rte.css

Weiss jemand was hier das Problem sein könnte? Besten Dank für die Hilfe...

# Default PAGE object:
page = PAGE
page	{

	# Config Doctype
	config.doctype = xhtml_strict
        [b]includeCSS.file1 = fileadmin/css/rte.css[/b]
	stylesheet = fileadmin/css/styleNew.css
	#Designvorlage integrieren
	10 = TEMPLATE
	10.template = FILE
	10.template.file = fileadmin/vorlageFlash.html
	10.workOnSubpart = DOKUMENT

	10.marks {
		FLASH_START = CONTENT
		FLASH_START {
			table = tt_content
			select.orderBy = sorting
			select.where = colPos = 0
			}		
		FLASH_START < styles.content.get


		#Mark Navigation Top
		NAVIGATION_TOP = HMENU
		NAVIGATION_TOP {
			special = directory
			special.value = 20
			1 = GMENU
			1.NO = 1
			1.NO {
			
			XY = 130, 30
			backColor = black
			
			10 = TEXT
			10.text.field = title
			10.fontColor = white
			10.fontFile = fileadmin/fonts/verdana.ttf
			10.fontSize = 10
			10.niceText = 1
			10.offset = 5,20
			}
		}

		#Mark NAvigation left
		NAVIGATION_LEFT = HMENU
		NAVIGATION_LEFT {
			special = directory
			special.value = 8
			1 = GMENU
			1.NO = 1
			1.NO {
				XY = 200, 25
				backColor = black
				
				wrap = |<br>
				10 = TEXT
				10.text.field = title
				10.fontColor = white
				10.fontFile = fileadmin/fonts/verdana.ttf
 				10.fontSize = 10
 				10.niceText = 1
 				10.offset = 5, 15
			}
		}
	}
	
}



### Anstelle der 1 musst du die ID deiner Startseite eintragen
[globalVar = TSFE:id=15]
page.10.marks.FLASH_START >
page.10.marks.FLASH_START = COA
page.10.marks.FLASH_START{
    10 = MULTIMEDIA 
    10.file = fileadmin/flash/flashMenuKontakt.swf 
    10.pluginspage = http://macromedia.com/go/getflashplayer
    10.type = application/x-shockwave-flash
    10.params (
           height=450
           width=630
         )
[end]

Bei den Links in der Navi ist ein margin-right: -800px drin. Das macht wohl das Problem.

Ich glaube nicht, dass es an Deinem TS liegt, sondern am CSS.

Gruß
Michael

Hey besten Dank!!!
Das hat mir schon sehr viel gebracht. Leider hat sich meine Seite mit dem Formular durch diese Massnahme völlig verzogen. Siehe:

http://www.pan4fun.ch/test/haarem/index.php?id=27

Was kann ich dagegen tun? Ich habe schon versucht, das Formular kleiner zu machen, bringt aber auch nix.

Meine CSS Datei sieht wie folgt aus:

.normalText
{
	color: #353535;
	background-color: White;
	font-family: sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	/*font-weight: bolder;*/
	}
	
.titlenormal
{
font-size: 10px;
padding: 10px 0px 0px 0px;
}

.title
{
	color: #353535;
	background-color: White;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bolder;
	padding: 10px 0px 10px 0px;
	}
	
	
	.testscript
{
	color: #353535;
	background-color:#00CC33;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	border:0px;
	/*margin-top:-1000px;
	text-align:left;
	padding:0;
	border-spacing:0px;*/
	}
	
	.error
	{
	color: #353535;
	background-color:#00CC33;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	border:0px;
	margin:0px;
	padding:0;
	border-spacing:0px;
	}
	
td 
{ 
padding: 1px 0px 0px 0px;
margin: 0px;
}

p {
padding: 0px;
margin-top: 100px;
}
	
tr 
{ 
padding: 0px 0px 0px 0px;
margin: 0px;
}

tbody 
{ 
padding: 0px 0px 0px 0px;
margin: 0px;
}

/*a {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:hidden;
margin-right:-800px;
text-decoration: none;
}*/

internal-link
{
	color: #353535;
	background-color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size: 14px;
	margin-right:100px;
	text-decoration: none;
	}


/*Kontaktformular:*/


h5 {
 font-family: tahoma,Geneva,Arial, Helvetica, Verdana;
 font-size: 14px;
 color: white;
 font-weight: bold;
 margin-left:8px;

}


#mailform fieldset.csc-mailform {
 border: none;
 padding:		10px;
 width:			500px; }
  
#mailform fieldset.csc-mailform .csc-mailform-field {
  padding:			2px 0px;
  
}
  
#mailform fieldset.csc-mailform .csc-mailform-field label {
 font-family: tahoma,Geneva,Arial, Helvetica, Verdana;
 font-size: 0.8em;
 color: white;
 float:			left;
 width:			90px; 
}

Sieht für mich OK aus im IE und FF. Was meinst Du genau mit verzogen?

Deine Probleme sind rein CSS Natur und haben eigentlich nichts direkt mit Typo3 zu tun.

Um diese Probleme zu lösen empfehle ich Dir die Tools Webdeveloper Add on. Gibt es für IE und FF sowie Firebug für FF.

Gruß
Michael