---
title: "HTML Template CSS Darstellungsproblem"
url: "https://www.typo3.net/d/83025-html-template-css-darstellungsproblem"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2008-10-19"
last_reply: "2008-10-20"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# HTML Template CSS Darstellungsproblem

Allgemein · 2 Antworten · gestartet 2008-10-19

## Eröffnungsbeitrag

**saoirse** · 2008-10-19 · [Beitrag #1](https://www.typo3.net/d/83025-html-template-css-darstellungsproblem/1)

Hallo,

ich hab ein Darstellungsproblem in meiner Testseite. In meinem html Template hab ich einen Marker CONTENT. Dort werden z.B. die News angezeigt. Die erste News wird am Anfang des <div> Containers CONTENT richtig dargestellt - allerdings wird sie in Abhängigkeit von dem Marker MENU (height Eigenschaft im CSS file) nach unten gezogen.

Wie kann ich das abändern, so dass die zweite News sofort nach der ersten angezeigt wird?

Muss gestehen, schaff es grad nicht mittels dem img tag ein Bild von der Seite hochzuladen.  :o

Dafür hier das Html Template und die CSS Datei

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" href="style.css" />


</head>
<body>
<!-- ###DOCUMENT_BODY### START-->
<div id="Page">
<div id="TopLayer">###ROOTLINE###</div>
<div id="LogoLayer">###LOGO###</div>
<div id="RootlineLayer"></div>
<div id="Middle">
<div id="Menu">
<!-- ###MENU### START--> 
<a href="einfuehrung.htm">Navigationslink</a>

<!-- ###MENU### END-->
</div>

<div id="Content">
<!-- ###CONTENT### START-->
<h1>Willkommen</h1>
<h2>Hier soll der Inhalt später stehen.</h2>
<p>An dieser Stelle soll später der Inhalt von Typo3 eingefügt werden.</p>
<!-- ###CONTENT### END-->
</div>


</div>
<div id="FooterLayer"></div>
</div>
<!-- ###DOCUMENT_BODY### END-->
</body>
</html>
```

CSS Datei

```html
body {
color: black; 
background-color: rgb(170, 170, 170);
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
text-align: center; 
}

div#Middle {
text-align: left; 
#margin: 0 auto; 
height: 600px;

}

div#Page {
text-align: left; 
margin: 0 auto; 
width: 800px;
padding: 0.5em;
background-color: rgb(200, 200, 200);
}


div#Menu {
font-size: 9pt;
float: left; 
width: 100px;
height: 600px;                              #<- dieser Parameter zieht zweite 
                                            # News nach unten 
margin: 0; padding: 0;
background-color: rgb(102, 165, 82);
}

div#Content {
margin-left: 150px;
padding: 0 1em;
border: 1px dashed silver;
}
div#Content h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Content h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Content p {
font-size:1em;
margin: 1em 0;
}

div#TopLayer {
width: 100%;
background-color: rgb(250, 136, 0);
height: 20px;
}

div#LogoLayer {
width: 100%;
background-color: rgb(255,255,255);
height: 70px;
}

div#RootlineLayer {
width: 100%;
background-color: rgb(102, 255, 255);
height: 20px;
}

div#FooterLayer {
width: 100%;
background-color: rgb(250, 136, 0);
height: 20px;
}
```

Gruß
saoirse

## Antworten

### [#2](https://www.typo3.net/d/83025-html-template-css-darstellungsproblem/2) · jan_0815 · 2008-10-20

wie wäre es mit einer url zu deiner test seite?

### [#3](https://www.typo3.net/d/83025-html-template-css-darstellungsproblem/3) · saoirse · 2008-10-20

leider arbeite ich nur über Localhost und besitze selbst keinen Webspace.  :o

Das Template + CSS sind von dieser Seite (aus dem Tutorial)
<http://www.admin-wissen.de/eigene-tutorials/webentwicklung/typo3-workshop/das-typo3-backend/das-typo3-backend/templateerstellung/>

Ich denke, dass der Fehler in Anführungszeichen im Template liegt bzw. dass man es vll. anders aufziehen müsste. Die Marker MENU und CONTENT scheinen sich gegenseitig zu beeinträchtigen wenn das Menü links neben dem Content angelegt wird.

Gruß
saoirse

---

Quelle: „HTML Template CSS Darstellungsproblem“, typo3.net, https://www.typo3.net/d/83025-html-template-css-darstellungsproblem
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.