Page 1 of 1
DIV Layer Probleme...!
Posted: Sun 15. Oct 2006, 22:22
by benusa
Hallo zusammen, ich bins nochmal.
Nachdem ich einige Probleme behoben habe, gibt es nur noch ein Problem:
Wenn ich mein .css LOKAL mit meinen Layern anpasse, funktioniert alles wunderbar, kein layer verschiebt sich alles soll so sein wie es muss
sobald ich es im phpwcms einfüge verschiebt es mir alles!
der html code / der code den ich in den vorlagen-haupteil einfüge lautet wie folgt:
Code: Select all
<div id="container">
<div id="header"></div>
<div id="el"></div>
<div id="moodbild">
<div id="navigation"></div>
</div>
<div id="content">
<div id="packshot"></div>
{CONTENT}
</div>
<div id="right"></div>
<div id="footer"></div>
</div>
meine CSS datei sieht wie folgt aus:
Posted: Sun 15. Oct 2006, 22:23
by benusa
Code: Select all
html, body{
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #F7F9FC;
padding-top:25px;
padding-left: 33px;
}
#container {
width: 995px;
min-width:995px;
height: 552px;
min-height: 552px;
background-color:#CCFFFF;
}
#header {
width: 995px;
min-width: 995px;
height:58px;
min-height:58px;
background-color:#000000;
color:#0033CC;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/bg_top.jpg);
font-size: 11px;
font-family: Times;
}
#el {
float:left;
height:469px;
min-height:469px;
width: 103px;
min-width: 103px;
background-color:#99FF33;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/bg_left.jpg);
background-repeat : no-repeat;
}
#moodbild, moodbild_home {
float: left;
width: 262px;
height: 469px;
min-width: 262px;
min-height: 469px;
background-color:#FF0000;
background-image:url(http://url.ch/phpwcms/picture/mood/mood_09.jpg);
background-repeat:no-repeat;
}
#navigation {
float:left;
width: 262px;
height: 50px;
min-width: 262px;
min-height: 50px;
background-color:#FF00FF;
}
Posted: Sun 15. Oct 2006, 22:24
by benusa
Code: Select all
#content {
float: left;
width: 503px;
height: 469px;
min-width: 503px;
min-height: 469px;
background-color:#33FF00;
}
#packshot {
float:left;
height:92px;
width: 503px;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/packshot_small.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
#packshot_home {
float:left;
height:128px;
width: 503px;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/packshot_main.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
#right {
float: left;
width: 127px;
height: 469px;
min-width: 127px;
min-height: 469px;
background-color:#FFFF00;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/bg_right.jpg);
background-repeat:no-repeat;
}
#footer {
float: left;
width: 995px;
height: 25px;
min-width: 995px;
min-height: 25px;
background-color:#0033FF;
background-image:url(http://www.url.ch/phpwcms/picture/bilderneu/bg_bottom.jpg);
background-repeat:no-repeat;
}
wie gesagt, probiert den code zuhause in einem html file aus,
es funktioniert einwandfrei, nur im phpwcms nicht
vielen dank für eure hilfe?!
lg
benusa
SORRY GING NICHT ANDERST DA DAS BOARD MEINTE ICH WÜRDE SPAMMEN!!!! DESWEGEN 3 BEITRÄGE, SORRY!!!![/code]
Posted: Mon 16. Oct 2006, 14:49
by benusa
CLOSED