Schatten rund herum

**epiclady26** · 11.07.2006 20:02

Hallo liebes Forum,

ich bin gerade dabei ein Template mit <div> aufzubauen. Es ist ein dreispaltiges Template.
Nun möchte ich gerne hinter meine eigentliche Site (div id= pagewidth) einen Schatten legen in Form eines gif Bildes.....z.B. 10x10px. Nach langem Suchen und viel lesen bin ich immer noch nicht zu einer Lösung gekommen.
Ich denke doch, dass ich um meine eigentliche Site (div id= pagewidth) nochmals einen <div> Container legen sollte, bzw. 4 <div> Container und dann jedem <div> ein Bild geben, oder? Aber ich blicke mit den Positionierungen nicht wirklich durch.

Hier meine index.php

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>

<meta **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php include ("includes/metadata.php"); ?>

<link href="<?php echo $mosConfig_live_site;?>/templates/dreispaltigesTemp/css/template_css.css" rel="stylesheet" type="text/css" />

<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/dreispaltigesTemp/images/favicon.ico" />

<?php if($my->gid >= "1"){ ?>

<?php include ("editor/editor.php"); ?>

<?php initEditor(); ?>

<?php } ?>

</head>



<body>

<div id="pagewidth" >

<div id="header" ></div>

<div id="topnav" ></div>



<div id="outer" >

<div id="inner">

<div id="leftcol">

<?php if (mosCountModules( "left" )) { ?><div class="content"><?php mosLoadModules ( 'left' ); ?></div><?php } ?> 

</div>



<div id="rightcol" >

<?php if (mosCountModules( "right" )) { ?><div class="content"> <?php mosLoadModules ( 'right' ); ?></div><?php } ?></div>

<div id="maincol" >

<div class="content"> <?php include_once("mainbody.php"); ?></div>

</div>



<div class="clr"></div>

</div></div>

<div id="footer" >

</div>



</div>

</div>

</body>

</html>

Ich hoffe mal, dass mir jemand weiterhelfen kann. Vielen Dank schonmal.

lg
epiclady

**pala999** · 11.07.2006 20:58

Hallo,

da Du keinen Hinweis auf irgendeine css-Klasse gegeben hast, habe ich ich mal meine Kristallkugel befragt.

Rausgekommen ist:

Code:

#pagewidth {
background: #CCC url(../images/schatten.gif) repeat-x;
}

Oder meinst Du den Body ?

**epiclady26** · 11.07.2006 21:09

Danke für deine Antwort....ich habe mal wieder so lange jetzt gefrickelt bis ich es selber rausgefunden habe:

Ich habe meine index.php um folgendes, bunt markiertes ergänzt:
.......
<body>
<div class="r">
<div class="l">
<div id="pagewidth" >
<div id="header" ></div>
<div id="topnav" ></div>
....etc.

...und dann natürlich meine css Datei um folgendes erweitert....

Code:

.r {
width:984px;
heigth:auto;
background:url(../images/shadow_right.gif) right;
background-repeat: repeat-y;
margin:auto;
padding:auto;
}
.l {
width:984px;
heigth:auto;
background:url(../images/shadow_left.gif) left;
background-repeat: repeat-y;
margin:auto;
padding:auto;
}

...ich bin mir zwar nicht wirklich sicher, ob das so korrekt und valide ist, aber es funktioniert jetzt erstmal.

Trotzdem danke für deinen Blick in die Kristallkugel.....

lg
epiclady

Thema: Schatten rund herum

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Schatten rund herum

Schatten ?

Erhielt Danksagungen von:

Ähnliche Themen

Rund mail an USER

Bilder auf Schatten setzen

Schatten im "Suchen" Feld

29 Grad im Schatten

Schatten am rechten Rand?

Lesezeichen

Lesezeichen

Berechtigungen