[gelöst]2. Content Felder beim unteren Auserhalb generierter Site

[Skullriper]

Hi erstmal,

habe ein Problem mit Content - Inhalten angenommen ich habe 2 Contentboxen

• Content
• Content: Second Content Block

Code: Select all

<div id="contenttext">
			<div class="bodytext" style="padding:12px;" align="justify"> 

                                                           {content}

</div>
            
            <div class="panel"  align="justify">

                  {content block="Second Content Block"}

</div>
     </div>

Das dazugehörige CSS sieht so aus:

Code: Select all

body {
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#toppage{
	width:800px;
}
#date{
	float:left;
	width:190px;
	height:31px;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	padding-top: 8px;
}
#topbar{
	float:left; 
	width:608px; 
	height:40px; 
	background-image:url(images/bg_topbar.gif);
	background-color:#fd0619;
	background-repeat:repeat-x;
	border-right:solid 1px #999999;
}
#header{
	width:800px;
}
#content{
	width:800px;
}
#contenttext{
	float:left; width:608px; 
	background-color:#F7F7F7; 
	border-left:solid 1px #999999; border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 
	min-height:360px;
}
#logo{
	float:left; width:190px; height:110px; background-color:#F7F7F7; border-left:solid 1px #999999;
}
#pagetitle{
	position:relative; float:left; width:608px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}
#menu{
	float:left; width:190px; margin:0px;
}
#footer{
	width:590px; padding-right:10px; padding-left:200px;
}

/*GRAY PANEL*/
.panel{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	margin:10px;
	padding:10px;
	width:550px;
	height:160px;
}

.panel_variable{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	margin:10px;
	padding:10px;
	width:550px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #fd0619;
	/* color:#FF9900; */
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	/* color:#FF9900; */
	color: #fd0619;
}
#linksmenu a{
	float:right; 
	width:183px;
	height:20px; 
	/* background-color:#ABC578; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; */
	background-color:#990000; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
#linksmenu a:hover{
	/* background-color:#514F1C; */
	background-color:#fd0619;
}
.RedTextTahoma {
	color: #990000;
	font:1em Tahoma, sans-serif;
}

.anchor_a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	text-decoration: none;
	color: #000000;
}
LI { list-style: none }

Mein Problem wenn ich im Contentbereich 2 (Second Block) Inhalt einfüge der grösser als Meinetwegen 10 Zeilen ist wird das DIV nicht grösser (sag ich mal) und der Text geht über die unteren Ränder. Beim oberen Content ist das egal weil da

A: Keine Andere Hintergrundfarbe ist (Mann sieht es also nicht)
B: Fängt Content 2 erst nach Content an.



Vieleicht könnt ihr mir da weiterhelfen hab dieses Forums chon etwas durchforstet und gesehen einige fähige Menschen hier ^^


lg

Skullriper

[cyberman]

habe ein Problem mit Content - Inhalten angenommen ich habe 2 Contentboxen

• Content
• Content: Second Content Block

Code: Select all

<div id="contenttext">
			<div class="bodytext" style="padding:12px;" align="justify"> 

                                                           {content}

</div>
            
            <div class="panel"  align="justify">

                  {content block="Second Content Block"}

</div>
     </div>

Kannst du mal das komplette Template posten?

[Skullriper]

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>
</__body>

<div id="page" align="center">
		<div id="toppage" align="center">
			<span id="date"><img src="images/ISO.jpg" width="100" height="23" /></span>
<div id="topbar">
				<div align="right" style="padding:12px;" class="smallwhitetext"><a href="index.html">Home</a> | <a href="sitemap.html">Sitemap</a> | <a href="contact.html">Kontakt</a> | <a href="jobs.html">Stellenanzeigen</a></div>
		  </div>
		</div>
		<div id="header" align="center">
			<div class="titletext" id="logo">
				<div class="logotext" style="margin:5px"><img src="images/DE_Logo.gif" width="118" height="100" /></div> 
		  </div>
			<div id="pagetitle">
				<div id="title" class="titletext" align="right"><!-- InstanceBeginEditable name="SeitenUeberschrift" -->{title}<!-- InstanceEndEditable --></div>
		  </div>
	  </div>
		<div id="content" align="center">
			<div id="menu" align="right">
				<div align="right" style="width:189px; height:8px;"><img src="images/mnu_topshadow.gif" width="189" height="8" alt="mnutopshadow" /></div>
				<div id="linksmenu" align="center">
{menu template='DE_Menu'}

</div>

			  <div align="right" style="width:189px; height:8px;"><img src="images/mnu_bottomshadow.gif" width="189" height="8" alt="mnubottomshadow" /></div>
			</div>
		<div id="contenttext">
			<div class="bodytext" style="padding:12px;" align="justify"> 

                                                           {content}

</div>
            
            <div class="panel"  align="justify">

                  {content block="Second Content Block"}

</div>
     </div>
		</div>
		<div id="footer" class="smallgraytext" align="center">
	    <a href="index.html">Home</a> | <a href="company.html">Unternehmen</a> | <a href="all_services.html">Produkte & Leistungen</a> | <a href="contact.html">Kontakt</a> | <a href="imp.html">Impressun</a><br />
			Digital Elektronik © 2007<br />
		</div>
</div>

<__body>
</__html>

Soweit bin ich is noch net komplett.


lg

[cyberman]

/*GRAY PANEL*/
.panel{
padding:12px;
border:solid 1px #E4E4E4;
background-color:#EEEEEE;
margin:10px;
padding:10px;
width:550px;
height:160px;
}

Mein Problem wenn ich im Contentbereich 2 (Second Block) Inhalt einfüge der grösser als Meinetwegen 10 Zeilen ist wird das DIV nicht grösser (sag ich mal) und der Text geht über die unteren Ränder.

Ähmm, ich würde sagen - schau mal genau hin, das hast du selbst festgelegt

[Skullriper]

Mann was bin ich doof das ist ja nicht auszuhalten ....

Ich danke dir vielmals sollten wir uns mal über den Weg laufen darfst du mir einen Schlag auf den Hinterkopf geben soll ja das denkvermögen erhöhen ^^



lg

Und danke nochmal

Skullriper

[cyberman]

sollten wir uns mal über den Weg laufen

Ähmm, schlägst du hier gerade ein deutschsprachiges CMSms-Usertreffen vor  ?