MisterPresident
Ensign
- Registriert
- Apr. 2011
- Beiträge
- 192
Hallo liebe Base 
leider muss ich mich schon wieder an euch wenden. Habe mich mittlerweile Stunden herumgeärgert und sehr sehr viel gegoogelt.
Verwendete CMS: Joomla 2.5
Browser: (wenn möglich alle)
Mein Problem:
Ich würde gerne das Vertikale Menü(div#menuv) bis zum ende der Seite ziehen. D.h. wenn der Inhalt (div#component") 1000px an Höhe hat soll auch das Vertikale Menü 1000px Höhe oder weil es vl. um ein paar Pixel weiter oben anfangt 1050px haben. Der Inhalt wird natürlich mit der CMS dynamisch befüllt und allgemein ist die Seite auch dynamisch aufgebaut. Naja und natärlich soll sich auch die div#bg an die höhe anpassen da diese meinen Hintergrund usw. darstellt.
Div-Struktur:
Mehr dürfte glaube ich nicht notwendig sein. Diese Struktur steht natürlich in der index.php, die noch wesentlich mehr Inhalt hat.
CSS:
Stelle hier nur die "Grundlegenden" Informationen rein da mehr nicht nötig ist. Oder?
leider muss ich mich schon wieder an euch wenden. Habe mich mittlerweile Stunden herumgeärgert und sehr sehr viel gegoogelt.
Verwendete CMS: Joomla 2.5
Browser: (wenn möglich alle)
Mein Problem:
Ich würde gerne das Vertikale Menü(div#menuv) bis zum ende der Seite ziehen. D.h. wenn der Inhalt (div#component") 1000px an Höhe hat soll auch das Vertikale Menü 1000px Höhe oder weil es vl. um ein paar Pixel weiter oben anfangt 1050px haben. Der Inhalt wird natürlich mit der CMS dynamisch befüllt und allgemein ist die Seite auch dynamisch aufgebaut. Naja und natärlich soll sich auch die div#bg an die höhe anpassen da diese meinen Hintergrund usw. darstellt.
Div-Struktur:
PHP:
<div id="wrapper"><jdoc:include type="modules" name="wrapper" style="xhtml" />
<div id="head">
<div id="suche"><jdoc:include type="modules" name="suche" style="xhtml" /></div><!--#suche-->
<div id="sprache"><jdoc:include type="modules" name="sprache" style="xhtml" /></div><!--#suche-->
<div id="banner"><jdoc:include type="modules" name="banner" style="xhtml" /></div><!--#banner-->
<div id="banner2"><jdoc:include type="modules" name="banner2" style="xhtml" /></div><!--#banner-->
</div><!--#head-->
<div id="bg">
<div id="content">
<div id="menuv"><jdoc:include type="modules" name="left" style="xhtml" /></div><!--#menu-->
<div id="header"><jdoc:include type="modules" name="header" style="xhtml" /></div><!--#header-->
<div id="component"><jdoc:include type="component" style="xhtml"/></div><!--#component-->
</div><!--#content"-->
<div id="menu"><jdoc:include type="modules" name="left" style="xhtml" /></div><!--#menu-->
<div style="clear: both;"></div>
</div>
<div id="pfeil"><jdoc:include type="modules" name="pfeil" style="xhtml" /></div>
</div><!--#wrapper-->Mehr dürfte glaube ich nicht notwendig sein. Diese Struktur steht natürlich in der index.php, die noch wesentlich mehr Inhalt hat.
CSS:
Stelle hier nur die "Grundlegenden" Informationen rein da mehr nicht nötig ist. Oder?
PHP:
/** backgroundbereich **/
div#bg
{
position:absolute;
top: 170px;
left: 5%;
right: 5%;
bottom: 0px;
background-color: #fff99c;
border-left: 1px solid black;
border-right: 1px solid black;
min-height: 600px;
}
/** contentbereich **/
div#content
{
bottom:20px;
width: 100%;
position:absolute;
top: 60px;
height: auto;
float: right;
border: 1px solid red;
}
div#component
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 10px #000000;
-moz-box-shadow: 5px 5px 10px #000000;
box-shadow: 5px 5px 10px #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
position:absolute;
top: 0px;
right: 20px;
left: 180px;
background-image: url(../images/bgmainvereint.png);
background-color: #fdf8a3;
padding: 10px;
color: black;
float: right;
}
div#menuv
{
font-weight: bold;
position: absolute;
left: 0px;
width: 140px;
list-style: none;
border: 1px solid black;
}
div#header
{
position:absolute;
top: 10px;
left: 2%;
width: 96%;
/*height: 40px; */
background-color: #f3f3f3;
}
div#menu
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 30px;
background-image: url(../images/menuverlauf.jpg);
border-bottom: 1px solid black;
border-top: 1px solid black;
}
Falls ihr noch irgendwelch informationen benötigt bitte einfach melden :) (seite ist natürlich mit :hover &so aufgebaut.
