Ich habe ein eigenes CSS-Design entwickelt und selber gecoded, jetzt habe ich aber leider das Problem, dass meine Desing zwar zu sehen ist, aber der Textbereich unterhalb meines Designs liegt.
Das Design ist auf
http://mytestdesign.de.tl zu sehen und auch mein Problem.
Ich weiss jetzt leider nicht wie ich den "Content-Bereich" des Baukastens in den Text bereich meines Designes intergriert bekomme.
Meine Frage:
Ist das überhaupt möglich oder muß ich den Inhalt selber per Textbereich in meine Design einfügen ( Ich hoffe ich habe mich verständlich ausgedrückt ).
Hier mal mein Code:
Zitat: Text über dem Design:
<div id="body"></div>
<div id="seitenbereich">
<div id="header">kein Text kommt hier hin kommt nacher ein
Header-Bild rein
</div>
<div id="steuerung">
<a href="index.htm">Startseite</a>
<a href="ueber-mich.htm">Über mich</a>
</div>
<div id="navi">
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<ul>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="navi2">
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<ul>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="inhalt"></div>
<div id="steuerung_unten">
</div>
</div>
</div>
Zitat: div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
body {background-color:#DEDEDE;
}
body {
text-align: center; /* Zentrierung IE */
}
#seitenbereich {
text-align:left; /* Inhalt wieder links */
margin: 0 auto; /* Zentrierung mitte */
width: 980px;
height:620px;
background-color:white;
}
#header {
background-color:#000000;
background-image:url();
height:180px;
}
#steuerung {
clear:both;
background-color:#ceb98e;
padding-left:45em;
}
#steuerung_unten{
clear:left;
background-color:#ceb98e;
padding-right:1em;
height:50px;
background-image:url();
}
#navi {
float:left;
width:165px;
height:auto;
background-color:green;
border-right: 4px black solid;
border-left: 4px black solid;
border-top: 4px black solid;
border-bottom: 4px black solid;
-moz-border-radius: 30px;
-khtml-border-radius:30px;
}
#navi2 {
float:left;
width:165px;
margin-top:200px;
margin-left:-173px;
height:auto;
background-color:green;
border-right: 4px black solid;
border-left: 4px black solid;
border-top: 4px black solid;
border-bottom: 4px black solid;
-moz-border-radius: 30px;
-khtml-border-radius:30px;
}
#inhalt {
margin-left: 0em;
background-color:red;
text-align:center; /* Inhalt wieder links */
height:420px;
font-size:20px;
overflow:auto;
}
Hoffe, dass mir jemand helfen kann.
Liebe Grüße.
______________
www.gidf.de
Ice Blue&CSS-Design