✔ Anfänger Problem - Lädt die CSS nicht

D

dg87

Erfahrenes Mitglied
Hallo,

ich weiß leider nicht nach was ich googlen soll und hoffe dass diese Frage nicht doppelt drinnen ist.

Also, ich habe einmal die main.css in der ich die div container für mein Seiten Layout definiere.
Wenn ich sie in der Index.php einbeziehe, kann ich sie auch wunderbar sehen wenn ich sie aufrufe.
(Arbeite über Templates, d.h das Layout wird von einer Datei main_templ.php erstellt (dort ist auch die css Datei eingebunden) und diese lade ich dann in der index.html mit Hilfe des öffentlichen Frameworks vlibtemplate.

Wie gesagt, bei Index.php zeigt es alles wunderbar an.

Nun erstelle ich die nächste Seite und will die ganz gleiche CSS datei einfügen mit den ganz gleichen Werten als Test, jedoch zeigt er mir da nichts mehr an. Habe extra bei jedem container eine Hintergrundfarbe gesetzt.

Frage deshalb: Kann man nur einmal eine CSS Datei einbeziehen oder warum lädt er die nicht?

Code der main_templ.php
Code: 
<html>
<head>
	<title>{tmpl_var name='title'}</title>
	<link rel="stylesheet" type="text/css" href="./layouts/main.css">
</head>
<body>
	<div id="container">					<!--  Conatiner -->
		<div id="header">
			<h1>Header</h1>
		</div>
		<div id="menu">						<!--  Menü -->
			link1<br>
			link2<br>
			link3<br>
		</div>
		<div id="menuright">				<!--  Login Menü -->
			 <u>Adminbereich</u>
		<!-- Unbedingt noch wegen formatierung schauen, schaut nämlich kacke aus -->
		<form action="./sites/admin_in.php" method="post">
		
			Name:<input type="text" name="user"></input>
			Passwort:<input type="password" name="pw"></input>
		<input type="submit" value ="Anmelden"></input>
		</form>
		</div>
		<div id="content">					<!--  Content Bereich -->
			{tmpl_var name='content_text'}
			test1<br>
			test2<br>
			
			
		</div>
			
		<div id="footer">					<!--  Footer -->
			impressum  - kontakte - rechtliches 
		</div>
		

	</div>
</body>
</html>

Die Css datei dazu:
Code: 
	body {text-align: center;}


			#container {
				width: 1000px;
				min-height: 600px;
				margin: 0 auto;
				text-align: left;
				background-color: yellow;
			}

			#header {
				width: 1000px;
				height: 100px;
				background-color: blue;
			}
			
			#content {
				width: 700px;
				min-height: 400px;
				float: left;
				background-color: green;
			}

			#menu{
				width: 150px;
				height: 400px;
				float: left;
				background-color: red;
			}

		
			#menuright {
				width: 150px;
				height: 400px;
				float: right;
				background-color: red;
			}

			#footer {
				width: 1000px;
				height: 100px;
				float: left;
				background-color: grey;
			}

Habe die zweite Datei identisch gemacht und er zeigt mir das alles nicht mehr an, als ob es die Container nicht gibt.
Es geht bei FF 3 und IE8 nicht.

Hoffe es kann einer helfen.

Vielen Dank
 
Komischer Weise wenn ich es über <style type="text/css"> </style> einbinde, also ohne der Datei dann gehts!
Das Problem besteht also nur, dass er mir genau die gleichen Werte aber nicht über die .css Datei lädt.
An was kann das liegen?
 
Zuletzt bearbeitet:
Hallo,

doch das habe ich getestet, ich hab einen CSS Ordner und da sind genau zwei drinnen.
Wenn ich bei der ersten Seite das abändere funktionierts, die zweite hat den gleichen Pfad zur CSS, liegt im selben Ordner und die nimmt das einfach nicht an.
Nur über <style> das kann doch ned sein, dass die zweite Seite das nicht schluckt!


Die Admin.css
Code: 
body {text-align: center;}
		#container_admin {
				width: 1000px;
				height: 100%;
				margin: 0 auto;
				text-align: left;
				background-color: yellow;
			}

			#content_admin {
				width: 70%;
				height: 100%;
				float: left;
				background-color: green;
			}

			#menu_admin{
				width: 30%;
				height: 100%;
				float: left;
				background-color: red;
			}

Mit Style
Code: 
<html>
<head><title>{tmpl_var name = 'title_admin'}</title>
<style>

body {text-align: center;}
		#container_admin {
				width: 1000px;
				height: 100%;
				margin: 0 auto;
				text-align: left;
				background-color: yellow;
			}

			#content_admin {
				width: 70%;
				height: 100%;
				float: left;
				background-color: green;
			}

			#menu_admin{
				width: 30%;
				height: 100%;
				float: left;
				background-color: red;
			}


</style>
</head>
<body>
		<div id="container_admin">   <!-- Container -->
			<div id="menu_admin">	 <!-- Menu  -->
			
			{tmpl_var name = 'menu_admin'}<br>			 
			
			</div>
			
			<div id="content_admin"> <!--  Content Bereich -->
			
			{tmpl_var name = 'content_admin'}
			
			
			</div>
			
		
		
		</div>
</body>
</html>

Und das funktioniert. da hab ich genau das was ich will, aber ich will ja es als .css Datei haben. Genau das was in <style> steht hab ich in der admin.ss drinnen.

Ordnerstruktur:
Code: 
DGPojects
                    - css
                              - admin.css
                              - main.css
                    - layouts
                              - admin_templ.php

Aufruf in der admin_templ.php
Code: 
<link rel="stylesheet" type="text/css" href="./css/admin.css">


Sorry dass ich es so groß mache, aber ich bin am verzweifeln. das kann doch ned sein?!

Danke schon mal recht herzlich
 
Zuletzt bearbeitet:
In deinem Quelltext der oben angeführt wurde hast du als Aufspringer im Verzeichnis (Also damit du einen Ordner höher kommst) nur einen "." gemacht. Dort müsste aber ".." hin. Vielleicht geht es dann :)

Morne
 
Sorry, hab eben garnicht mitbekommen, dass du dich zwischenzeitlich dazugesellt hast :)

Ich hab nur auf dg87s Beiträgsänderung reagiert, in der nun die Verzeichnisstruktur vorliegt, und unser beider Annahmen bestätigt hat, dass mit dem Pfad zur CSS-Datei etwas nicht in Ordnung ist.

Dies war zum Zeitpunkt deiner Antwort aber noch nicht eindeutig bekannt ;)

mfg Maik
 
Da hatte ich heute allgemein Probleme mit dem ../ bzw ./ , obwohl ich eigentlich weiß, dass ../ in das übergeordnete Verzeichnis geht.

Bei der index hat zwar mit ./ geklappt obwohl selbe Ordnerhöhe aber dort hab ich es nun auch auf ../ angepasst und es klappt.

Vielen Herzlichen Dank an euch.

Ich close nun das thema
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück