Hallo zusammen,
bin im Bereich CSS & Joomla noch recht neu - zurzeit mache ich gerade mein eigenenes Template für Joomla. Doch da stehe ich jetzt vor einem großem Problem und hoffe das ich hier Hilfe finde...
Hier seht ihr meine index.php
Hier seht ihr meine template.css
und hier seht ihr nun mein Endergebniss:
homepage
Eie Ihr seht passt es noch nicht ganz
- der alleinstehende Balken (#rechts) sollte natürlich rechts neben dem content zu sehen sein!
Hab schon vieles ausprobiert (verschiedene float, verschiedene absolute) doch nichts hat wirklich funktioniert!
Ich hoffe ihr könnt mir helfen und verbleibe mit einem großem DANKE!!
Liebe Grüße
Andreas
bin im Bereich CSS & Joomla noch recht neu - zurzeit mache ich gerade mein eigenenes Template für Joomla. Doch da stehe ich jetzt vor einem großem Problem und hoffe das ich hier Hilfe finde...
Hier seht ihr meine index.php
HTML:
<body>
<div id="container">
<div style="width:850px;margin:0px auto;">
<div id="oben">
</div>
<div id="mitte">
<div id="links">
</div>
<div id="linkesmenu">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="content">
<jdoc:include type="component" />
</div>
<div id="rechts">
</div>
</div>
<div id="footer">
</div>
</div>
</body>Hier seht ihr meine template.css
HTML:
/* Grunddefinitionen */
html {
min-height: 101%;
}
body {
font-size: 12px;
fonts-family: Helvetica, Arial, name-serif;
background: #000000
}
#container{
background: #000000;
width: 850px
margin: 0 auto;
padding: 0px;
}
#oben{
width: 850px;
background: #000000 url(../images/banner.jpg) no-repeat;
height: 384px;
padding-top: 0px;
}
#mitte{
width: 850px;
margin: 0pt;
padding-top: 0px;
background: #000000;
}
#links{
width: 34px;
height: 336px;
background: #000000 url(../images/links.jpg) repeat-y;
margin: 0px;
float: left;
}
#linkesmenu{
width: 201px;
height: 336px;
background: #ffffff;
margin: 0px;
float: left;
}
#content{
width: 100%;
height: 336px;
margin: 0px;
background: #ffffff;
}
#rechts{
width: 38px;
height: 336px;
background: #000000 url(../images/rechts.jpg) no-repeat;
margin: 0px;
float: left;
}
#footer{
width: 850px;
height: 125px;
margin: 0px;
float: left;
background: #000000 url(../images/footer.jpg) no-repeat;
}und hier seht ihr nun mein Endergebniss:
homepage
Eie Ihr seht passt es noch nicht ganz
- der alleinstehende Balken (#rechts) sollte natürlich rechts neben dem content zu sehen sein!Hab schon vieles ausprobiert (verschiedene float, verschiedene absolute) doch nichts hat wirklich funktioniert!
Ich hoffe ihr könnt mir helfen und verbleibe mit einem großem DANKE!!
Liebe Grüße
Andreas
