CSS Frage (mal wieder)

**goaly099** · 30.08.2008 08:53

Hallo,
zur Zeit bin ich dabei ein Design an Joomla anzupassen, eigentlich klappt auch alles ausser eine Kleinigkeit.

Für den "Contentheading Bereich" habe ich eine Hintergrundgrafik, nur leider sitzt diese nicht ganz genau auf der gewünschten Position.

Demoseite: http://goaly099.de/demopage/joomla/index.php

CSS Datei:

Code:

/* CSS Document by www.goaly099.de*/


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #9ec7cb;
margin: 0px;
padding: 0px;
}

#container {
width: 916px;
}

#header {
width: 916px;
height: 166px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}

#navigation {
width: 916px;
height: 27px;
background-image: url(../images/navi_bg.gif);
background-repeat: no-repeat;
}

#mid {
width: 916px;
height: 124px;
}

#advertising_bg {
width: 296px;
height: 124px;
background-image: url(../images/advertising_bg.gif);
background-repeat: no-repeat;
float: left;
}

#registration_bg {
width: 300px;
height: 124px;
background-image: url(../images/registration_bg.gif);
background-repeat: no-repeat;
float: left;
}

#login_bg {
width: 320px;
height: 124px;
background-image: url(../images/login_bg.gif);
background-repeat: no-repeat;
float: right;
}

#content_box {
width: 916px;
text-align: left;
background-image: url(../images/page_bg.gif);
background-repeat: repeat;
}

#content_left {
width: 751px;
float: left
}

#pathway_bg {
width: 751px;
height: 49px;
background-image: url(../images/pathway_bg.gif);
background-repeat: no-repeat
}

#pathway {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
width: 751px;
height: 49px;
padding-left: 15px;
padding-top: 15px;
}

#joomla_content {
width: 751px;
background-image: url(../images/content_bg.gif);
background-repeat: repeat;
}

#joomla_end {
width: 751px;
height: 6px;
background-image: url(../images/content_end.gif);
background-repeat: no-repeat;
}

#content_right {
width: 165px;
float: right;
}

#right_top {
width: 165px;
height: 9px;
background-image: url(../images/right_top.gif);
}

#banner {
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

#footer {
width: 916px;
height: 19px;
background-image: url(../images/footer.gif);
background-repeat: no-repeat;
clear: both;
}




.contentheading, .componentheading {
width: 751px;
height: 60px;
background-image: url(../images/contentheading_bg.gif);
background-repeat: no-repeat;
}

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>

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

<?php

if ($my->id) {

include ("editor/editor.php");

initEditor();

}

?>

<?php mosShowHead(); ?>

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

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



</head>

<body>



<center>

<!-- page start -->



<div id="container">



<!-- page end -->



<!-- header start -->



<div id="header">

</div>



<!-- header end -->



<!-- navigation start -->



<div id="navigation">

</div>



<!-- navigation end -->



<!-- mid start -->



<div id="mid">



<div id="advertising_bg">

<?php mosLoadModules ( 'advert1' ); ?>

</div>



<div id="registration_bg">

<?php mosLoadModules ( 'advert2' ); ?>

</div>



<div id="login_bg">

<?php mosLoadModules ( 'user1' ); ?>

</div>



</div>



<!-- mid end -->



<!-- content start -->



<div id="content_box">



<div id="content_left">



<div id="pathway_bg">



<div id="pathway">

<?php include "pathway.php"; ?>

</div>



</div>



<div id="joomla_content">

<?php mosMainBody(); ?>

</div>



<div id="joomla_end">

</div>



</div>



<div id="content_right">



<div id="right_top">

</div>



<div id="banner">

<?php mosLoadModules ( 'advert_3' ); ?>

</div>



</div>



<br clear="all" />



</div>



<!-- content end -->



<!-- footer start -->



<div id="footer">

</div>



<!-- footer end -->



</div>



<!-- page end -->



</center>



</body>

</html>

Hoffe es kann mir einer helfen, denke mal das ich mal wieder einfach zu blind bin.

Danke & Gruß

**Wizard1** · 30.08.2008 08:59

Wie sollte es denn aussehen?

**goaly099** · 30.08.2008 09:17

Auf der Demoseite kann man es ganz gut sehen, das die Grafik ein paar mm zu weit rechts sitzt. Warum wieso leider keine Ahnung.

**enigmartin** · 30.08.2008 09:34

Versuch mal das hier:

HTML-Code:

.contentheading, .componentheading {
	background:transparent url(../images/contentheading_bg.gif) repeat -2px 50%;
	height:60px;
	width:745px;
}

**goaly099** · 30.08.2008 16:32

Hast mir mal wieder wunderbar geholfen, Dankeschön!

**enigmartin** · 30.08.2008 16:39

Immer wieder gerne, bitte bitte.

Thema: CSS Frage (mal wieder)

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

CSS Frage (mal wieder)

Re

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen