Typo3: Inhalt wird nicht angezeigt & weitere Navigationsebenen fehlen

C

Christopher

Mitglied
Content wird nicht angezeigt und weitere Menüebenen fehlen

permalink
Hallo,

ich habe erst vor ein paar Wochen angefangen, mich in Typo3 einzuarbeiten.

ich habe ein Template von einer Seite geladen und ein bisschen daran rumgespielt.
Dann habe ich es in TV geladen und gemapt.
Interessanterweise wird alles angezeigt... nur der Inhalt nicht, den ich auf das div "text" gemapt habe. Wo liegt denn mein Fehler?

Die 2. Navigationsebene funktioniert auch, allerdings wird dort nur die 2. Ebene angezeigt. Wie kann ich denn (ebenfalls in einer ul) auch die weiteren Ebenen anzeigen lassen?

Typoskript habe ich so gelassen, wie Typo3 es mir vorgeschlagen hat.

Gruss,

Christopher

Hier der Code:

index.html
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tree">
    <div id="bg">
        <div id="main">
        <!-- header begins -->
        <div id="header">
            <div id="logo">
                <h1>Evangelische Kirchengemeinde Dudenhofen</h1>
                <h2>Internetpr&auml;senz der evangelischen Kirchengemeinde Dudenhofen</h2>
            </div>
            <div id="buttons">
<a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a><a href="">Link 1 </a>
            </div>
        </div>
        <!-- header ends -->
            <div id="conttop"><img src="http://www.typo3forum.net/forum/images/spaser.gif" alt="" width="1" height="1" /></div>
            <!-- content begins -->
            <div id="content">
                <div id="razd">
                    <div id="left">
                        <div id="text">
                        </div>

                        <br />
                    </div>
                    <div id="right">
                        <h2>Untermen&uuml;</h2>
                        <ul>
                            <li><a href="">Punkt1</a></li>        
                            <li><a href="">Punkt2</a></li>
                        </ul><br />
                    </div>
                    <div style="clear: both"><img src="http://www.typo3forum.net/forum/images/spaser.gif" alt="" width="1" height="1" /></div>
                </div>
                <div id="contbot"></div>
            </div>
            <!-- content ends -->
            <!-- footer begins -->
            <div id="footer">
          Copyright  2010. Designed by <a href="http://www.metamorphozis.com/" title="Website Templates">Website Templates</a><br />
                <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></div>
        <!-- footer ends -->
        </div>
    </div>
    <div style="clear: both"><img src="http://www.typo3forum.net/forum/images/spaser.gif" alt="" width="1" height="1" /></div>
</div>
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>
</html>
und hier die entsprechende css-Datei


Code: 
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}


a{
    color: #711419;
    text-decoration:none;
}

a:hover{
    text-decoration: underline;
    color: #711419;
}

body{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height:20px;
}

#tree {
    background: url(images/bg_all.jpg) center bottom fixed;
}

#bg { width:1012px;
        margin: 0px auto 0px auto;
        }


#main{
    width: 831px;
    padding: 60px 0px 0px 0px;
    float:left;
    
}


#header { width: 831px;
padding: 0px 0px 0px 0px;
height: 147px;
}

#logo {
height: 94px;
}

#logo h1, #logo p {
    margin: 0;
    line-height: normal;
}

#logo h1 {
    padding: 0px;
    font-size: 24px;
    color: #ffffff;
}
#logo h2 {
    padding: 0px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
}

#logo a {
    text-decoration: none;
    color: #ffffff;
}


#buttons{
    width: 821px;
    height: 47px;
    background: url(images/menu.png) left top no-repeat;
    text-align:left;
    padding-left: 10px;
    padding-top: 10px;
}

.razd_but { background:url(images/but_razd.gif) right center no-repeat;}

#buttons .but {
    float:left;
    background:url(images/but_razd.gif) right 2px no-repeat;
}

#buttons a {
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight:normal;
    font-variant: small-caps;
    display: block;
    float: left;
    width: 90px;
    height: 34px;
    text-decoration: none;
    color: #FFFFFF;
    padding-top: 5px;
    text-align: center;
    margin-right:3px;
}

#buttons a:hover {
    text-decoration: underline;
}

#content{
    width: 829px;
    padding: 0px 0px 0px 0px;
    background: url(images/bg_cont.png);
    margin: 0px 1px 0px 1px;
}

#conttop{
    background: url(images/top.png) 0px 0px repeat-x;
    width: 829px;
    height: 8px;
    margin: 0px 1px 0px 1px;
}

#contbot{
    background: url(images/bot.png) 0px bottom repeat-x;
    width: 829px;
    height: 7px;
}

#razd {
background:url(images/razd.gif) 615px repeat-y;
width: 829px;
}

#left{
    width: 592px;
    padding: 0px 0px 0px 15px;
    margin: 0px;
    float:left;
}

#center{float:left;
padding: 0px 0px 0px 11px;
width:315px;
}

.text{
    padding: 0px 0px 0px 0px;
}

.img {    float:left;
        margin: 5px 13px 5px 0px;
}

span {    color:#094A11;
        font-weight:bold;
}

.dat { text-decoration:underline;}

H1{
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    font-variant: small-caps;
    color: #094A11;
    padding-bottom: 5px;
    padding-left: 0px;
}

H2{
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    font-variant: small-caps;
    color: #094A11;
    padding-bottom: 5px;
    text-align:center;
}

H2#buttons
{
    text-align:left;
}

.read{
    text-align:right;
    padding-right:0px;
    padding-top: 5px;
}

#right{
float:right;
width: 182px;
background: url(images/right_bg.gif) left repeat-y;
margin-right: 19px;

}

#right a{
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

#right a:hover{
    color: #000000;
    font-size: 12px;
    text-decoration: underline;
}

#footer{
    height: 40px;
    width: 829px;
    font-size: 10px;
    color: #FFFFFF;
    padding-top: 8px;
    text-align: center;
    clear:both;
    padding: 15px 0px 15px 0px;
}

#footer a{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}

#footer a{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}

#footer a:hover{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: underline;
}

betrachtet werden kann die Seite unter

http://evang-gemeinde-dudenhofen.de....dex.php?id=133
 
Hi.
Christopher hat gesagt.:
Interessanterweise wird alles angezeigt... nur der Inhalt nicht, den ich auf das div "text" gemapt habe
Zum Vergrößern anklicken....
Wenn ich hier lokal in
HTML: 
                        <div id="text">
                        </div>
Inhalt einfüge, wird mir dieser auch angezeigt.

Übrigens existiert zwischen dem ID-Bezeichner im HTML-Code und diesem Klassenbezeichner im Stylesheet keine Übereinstimmung, sofern diese Regel für das obige HTML-Element gelten soll:
CSS: 
.text{
    padding: 0px 0px 0px 0px;
}

Christopher hat gesagt.:
betrachtet werden kann die Seite unter

http://evang-gemeinde-dudenhofen.de....dex.php?id=133
Zum Vergrößern anklicken....
Leider nein, da dein Link hier in verkürzter Form vorliegt - zu erkennen an den 4 Punkten zwischen ".de" und "dex.php".

Aber auch http://evang-gemeinde-dudenhofen.de/ hat hier aktuell nichts Erhellendes zu bieten.

Den fehlenden Selektor zu diesem Deklarationsblock führe ich jetzt mal auf einen Kopierfehler zurück:
CSS: 
{
border: 0;
margin: 0;
}

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück