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
<!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
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