Moin,
ich habe hier ein Bild von meinem Problem.
Links ist das Menü.
Oberhalb des Menüs sieht man ja eine große blaue Fläche.
Unter dieser Fläche ist ein Bild.
Was aber nicht unter aber auch nich über der blauen Fläche liegen soll.
Es soll direkt über dem ganzen Menü sein.
Das Bild ist auch nicht in einem Modul sondern per Background-image im CSS in ein <div></div> gelegt, nun wird dieses div aber nicht richtig dargestellt.
Es wir unter das <div> des Menüs gelegt.
Kann mir einer sagen was ich falsch mache?
--ALTER LINK WURDE ENTFERNT-- [/img]
Kann mir einer sagen was ich stattdessen machen muss?
Hier noch mal meine index.php
Code:
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo $mosConfig_sitename; ?></title>
<**** **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php include ("includes/metadata.php"); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/offis_uni/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/offis_uni/images/favicon.ico" />
<?php if($my->gid >= "1"){ ?>
<?php include ("editor/editor.php"); ?>
<?php initEditor(); ?>
<?php } ?>
</head>
<body>
<script language="JavaScript">
// Init overlib.js
var ol_capcolor = "#000000"
var ol_close = "Schliessen";
var ol_closecolor = "#FFFFFF";
var ol_fgcolor = "#ffffff";
var ol_bgcolor = "#9CCB5A";
var ol_textcolor = "#000000";
var ol_width = 200;
var ol_offsetx = -200;
var ol_offsety = -250;
//
</script>
<div id="pagewidth" >
<div id="header" >
</div>
<div id="leftcol_top">
<div id="outer" >
<!-- <div id="inner">
</div>
<div id="leftcol">
<?php if (mosCountModules( "left" )) { ?><div class="content"><?php mosLoadModules ( 'left' ); ?></div><?php } ?>
</div>
<div id="maincol" >
<?php if (mosCountModules( "top" )) { ?><div class="content"><?php mosLoadModules ( 'top' ); ?></div><?php } ?>
<div class="content"> <?php include_once("mainbody.php"); ?></div>
<?php if (mosCountModules( "bottom" )) { ?><div class="content"><?php mosLoadModules ( 'bottom' ); ?></div><?php } ?>
</div>
<div id="rightcol" >
<?php if (mosCountModules( "right" )) { ?><div class="content"> <?php mosLoadModules ( 'right' ); ?></div><?php } ?>
</div>
<div class="clr">
</div>
</div>
</div>
<div id="footer" >
</div>
</div>
</body>
</html>
Und dann noch der bereich für meinen Leftcol und Leftcol_top.
Leftcol
Code:
#leftcol{
/* background-image:url(../images/a14-mahnmal_190.jpg); */
width:193px;
float:left;
position:relative;
margin-left:-193px;
margin-right:1px;
margin-top: 101pt;
background-color: #E7EBDE;
margin-top: 20%
}
Leftcol_top
Code:
#leftcol_top{
background-image:url(../images/a14-mahnmal_190.jpg);
background-repeat: no-repeat;
height: 101pt;
}
