---
title: "Designvorlage funzt nicht"
url: "https://www.typo3.net/d/37256-designvorlage-funzt-nicht"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2006-02-03"
last_reply: "2006-02-03"
replies: 9
solved: false
page: 1
pages: 1
lang: "de"
---

# Designvorlage funzt nicht

Allgemein · 9 Antworten · gestartet 2006-02-03

## Eröffnungsbeitrag

**Tomson** · 2006-02-03 · [Beitrag #1](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/1)

Hi @ all:

Also als blutiger Anfänger hab ich mal ne Frage...und zwar hab ich eine simple Designvorlage gebastelt mit css und will die nun als Template benutzen. Im Browser sieht die Vorlage so aus wie ich sie haben möchte aber wenn ich sie in Typo einbinde kommt da nur mist raus. Farben werden nicht übernommen
, das Bild ist nicht da und die Container sin d verschoben. Was mach ich falsch?

**Anhang:

index.html**

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "<http://www.w3.org/TR/html4/strict.dtd>">
<html>
<head>
<title>Zweispaltiges Layout - Struktur</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body>

<div id="LayerLinks" align="center">
   <img src="logo.gif" alt="Logo" />
</div>

<div id="LayerTop" align="center">
  Top
</div>

<div id="LayerInhalt">
  Inhalt
</div>

</body>
</html>

**Css Datei:**

/* Links */

a:link 		{ color:#00848B; text-decoration:none; }
a:visited 	{ color:#00848B; text-decoration:none; }
a:active 	{ color:#00848B; text-decoration:none; }
a:hover         { color:#00848B; text-decoration: underline; }

/* Farbe und Einstellungen fuer alle Seiten */

body
{
   margin-top:0px;
   margin-bottom:0px;
   background-color:#ffffff;
 }

/* Einstellung fuer den Navigationsframe */

#LayerLinks
{
   float:left;
   width:16%;
   height:590px;
   background-color:#00aa00;
}

/* Einstellung fuer den Kopfframe */

#LayerTop
{
   height:110px;
   margin:0px 0px 0px 16%;
   background-color:#0000ff;

}

#LayerInhalt
{
  height:480px;
  background-color:#ffff6f;
  overflow : auto;

}

**Setup**

# Default PAGE object:
page = PAGE
page.typeNum=0
page {
   stylesheet=fileadmin/Style.css
   10 = TEMPLATE
   10.template= FILE
   10.template.file=fileadmin/data/index.html
}

## Antworten

### [#2](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/2) · Norman2k · 2006-02-03

Zeig uns doch mal wie du dein Template und die CSS eingebunden hast, also dein Typoscript. Woher sollen wir sonst wissen was du falsch machst?

Vielleicht hilft dir die Doku hier auch schon weiter:
<http://typo3.net/uploads/media/dokumentation.pdf>

Norman

### [#3](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/3) · ONeill · 2006-02-03

Ihc würde einen Bereich markieren, da sonst typo3 einige Sachen mehrfacht macht.

Desweitern wird zB dein Stylesheet einmal von dir und einmal von typo3 eingebunden.

### [#4](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/4) · Tomson · 2006-02-03

mein typo script steht doch ganz unten unter Setup.

### [#5](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/5) · Norman2k · 2006-02-03

Ups sorry, ganz übersehen. Benutze demnächst die Container für den Code hier im Forum. (Die Buttons TS <> ... usw)

Typo3 erstellt den <head> automatisch, du darfst also nur den Teil in deinem Template haben der zwischen den <body>-Tags ist.

1. Möglichkeit: alles bis auf das html was im body ist löschen
2. Möglichkeit: du erstellst einen "Subpart" der den Bereich kennzeichnet den Typo3 verwenden soll:

```html
<!-- ###DOCUMENT### start -->
<div id="LayerLinks" align="center">
<img src="logo.gif" alt="Logo" />
</div>
....
<!-- ###DOCUMENT### end-->
```

Jetzt musst du per TS nur noch angeben welchen Bereich Typo3 verwenden soll

```typoscript
page.10.workOnSubpart = DOCUMENT
```

Norman

### [#6](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/6) · Tomson · 2006-02-03

hab ich gemacht, trotzdem ändert sich nichts.

### [#7](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/7) · Norman2k · 2006-02-03

Wie sieht den dein Quelltext aus? Wird die CSS eingebunden?

Norman

### [#8](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/8) · Tomson · 2006-02-03

sieht nicht so aus als ob die css eingebunden wird. Aber warum?

```html
<!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-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<title>test</title>
	<meta name="generator" content="TYPO3 3.8 CMS" />
	<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>

</head>
<body bgcolor="#FFFFFF">




<div id="LayerLinks" align =center >

 <img src="logo.gif"  alt="Logo">

</div>

<div id="LayerTop" align =center>
 Top

</div>

<div id="LayerInhalt">
 Inhalt
</div>



</body>
</html>
```

### [#9](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/9) · Tomson · 2006-02-03

**arrrrg**   ich hab den Fehler. Hab im Script den falschen Pfad für die css angegeben. Das ist mal peinlich. Typischer Newbi Fehler.

Jetzt hab ich nur noch ein Problem. Und zwar wird das Bild nicht angezeigt. Was ist da jetzt schon wieder?

### [#10](https://www.typo3.net/d/37256-designvorlage-funzt-nicht/10) · Unbekannter Benutzer · 2006-02-03

> Hab im Script den falschen Pfad für die css angegeben. Das ist mal peinlich. Typischer Newbi Fehler.
>
> Jetzt hab ich nur noch ein Problem. Und zwar wird das Bild nicht angezeigt. Was ist da jetzt schon wieder?

könnte sein dass da die gleiche Ursache vorliegt wie bei Deinem CSS #giggle#
Es sei denn Dein Logo liegt wirklich im root?

Viele Grüße
Niki

---

Quelle: „Designvorlage funzt nicht“, typo3.net, https://www.typo3.net/d/37256-designvorlage-funzt-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
