[gelöst]2. Content Felder beim unteren Auserhalb generierter Site
Posted: Thu Feb 28, 2008 9:24 am
Hi erstmal,
habe ein Problem mit Content - Inhalten angenommen ich habe 2 Contentboxen
Das dazugehörige CSS sieht so aus:
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
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>
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 }
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
