Frage stellen
bin relativ neu hier und habe aktuell ein Problem
, mit einem 3 spaltigem Textlayout auf meiner neuen redesignten Website ..... Es geht um den unteren Textbereich... dort würde ich gerne ein 3 spaltiges Textlayout benutzen.. in einer separaten neuen Website funktioniert es auch.. aber auf der eigentlichen Seite nicht.. habe wohl einen Fehler in meiner CSS Datei.... hoffe Ihr könnt helfen...
Also... der HTML Code lautet wie folgt:
- Code: Alles auswählen
<div id='Box2'>
<div class='Titel'>TESTNAME<span class="TitelKlein">(Titel klein)</span></div>
<div class='Text1'>Text 1 Test</div>
<!--<div class='Text2'>Text 2 Test</div> -->
<div class="spaltenbox2">
<div class="linksbox2">
<!--<div class='Grafik'><img src="mavsteam.jpg" width="196" height="100" border="0" alt=""><br></div> -->
<p><b>Spalte Links</b><br>Ne vero prompta repudiare mel, per at inani timeam, sea quas dicam ut. No cum wisi option molestiae, quod etiam aliquyam in vim, ei saperet iudicabit disputando sit. Impetus euripidis sit et. Et iuvaret voluptua similique vim, vel ne fugit oporteat molestiae, tritani cotidieque vis ut.<br>
</p>
</div>
<div class="mittebox2">
<p><b>Spalte Mitte</b><br>Ea quo brute nihil, oportere dignissim qui no, vis primis nonummy placerat ne. No vel facete meliore, mel feugiat nostrum ne, everti impedit eu quo. Quo quas appetere eu, te praesent mediocrem efficiendi sea, mel labitur feugait in. Magna disputationi eos in, aperiri epicurei verterem ad his. Iuvaret scaevola tractatos te vim, ludus quodsi ex cum. Ex efficiendi suscipiantur mei.
<br><br>
In putent tibique per, iusto lobortis te sea, no mucius adipisci expetendis sea. Usu eu iusto maiestatis posidonium. Stet intellegam his ei, has ut omnium dignissim gloriatur. Pri ne puto vituperata.
<br><br>
Ea alii nulla mandamus usu, populo voluptua atomorum ei eam. No sit quis tritani. Omnes eligendi sit an, at est errem repudiare mediocritatem, discere propriae petentium at est. Cibo diceret no pro, semper vituperatoribus mel et.</p>
</div>
<div class="rechtsbox2">
<p><b>Spalte Rechts</b><br>Ea quo brute nihil, oportere dignissim qui no, vis primis nonummy placerat ne. No vel facete meliore, mel feugiat nostrum ne, everti impedit eu quo. Quo quas appetere eu, te praesent mediocrem efficiendi sea, mel labitur feugait in. Magna disputationi eos in, aperiri epicurei verterem ad his. Iuvaret scaevola tractatos te vim, ludus quodsi ex cum. Ex efficiendi suscipiantur mei.
<br></p>
</div>
</div>
</div>
<div style="clear:both;"></div>
Der CSS Code lautet:
- Code: Alles auswählen
#Box2 {
border:1px solid #000000;
margin:0px;
padding:10px;
background:url(css-personalcontainer-bg05.gif);
background-repeat:no-repeat;
height:460px;
width: 910px;
}
#Box2 .Grafik {
float: left;
padding:2px;
margin-left:10px;
margin-top:18px;
border:2px solid #0000FF;
}
#Box2 .Titel {
font-family: Arial,Helvetica,sans-serif;
color: #FFFFFF;
font-size:20px;
font-weight:bold;
text-align: left;
}
#Box2 .TitelKlein {
font-family: Arial,Helvetica,sans-serif;
color: #FFFFFF;
font-size:16px;
font-weight:bold;
text-align: left;
}
#Box2 .Text1 {
margin-top:20px;
text-align: left;
/* abhängig vn der Breite der Grafik */
width: 280px;
font-family: Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
line-height:14px;
color: #0070C0;
height:0px;
}
#Box2 .Text2 {
margin-top:2px;
text-align: left;
width: 300px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #000000;
}
#Box2 .spaltenbox2 {
color:#000000;
background: url(bg-660.gif) #EFEFEF;
float:left;
margin-top:30px;
width:910;
}
#Box2 .linksbox2 {
float:left;
top:5px;
width:260;
margin:0;
padding:0px;
background-color:transparent;
}
#Box2 .linksbox2 p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}
#Box2 .mittebox2 {
float:left;
top:5px;
width:260;
margin:0;
padding:0px;
/* background-color:#FCDF7C; */
color:#333333;
}
#Box2 .mittebox2 p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}
#Box2 .rechtsbox2 {
float:left;
top:5px;
width:260;
margin:0;
padding:0px;
background-color:transparent;
}
#Box2 .rechtsbox2 p{
padding:10px;
font-family:Arial, sans-serif;
color:#000000;
font-size:12px;
}
Bin für jede Hilfe dankbar.
Gruß
CSSRookie
