Hallo
Ich nutze folgendes Template skulltheme-wall für folgende Webseite
www.holzbau-klinger.de
Hier mein Problem
Wie Ihr seht nutzt dieses Template ein Hintergrundbild.Bei manchen Rechnern mit einer hohen Bildschirmauflösung wird das Bild aber leider nicht komplett dargestellt. Es fehlt in der Breite ein oder zwei Bretter.
Giebt es dafür eine Lösung? Kann man das Problem abändern?
Wäre nett wenn jemand helfen könnte. Danke schon mal im Vorraus!
Hier der Quelltxt der index.php
PHP-Code:
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/<?=$this->template?>/css/template.css" type="text/css" media="screen" />
<link rel="stylesheet" href="templates/<?=$this->template?>/thickbox.css" type="text/css" />
<script src="templates/<?=$this->template?>/jquery-latest.pack.js" type="text/javascript"></script>
<script src="templates/<?=$this->template?>/thickbox-compressed.js" type="text/javascript"></script>
</head>
<body style="margin:0;" class="bg_image">
<?php
if($_SERVER['QUERY_STRING']){
$_SERVER['QUERY_STRING'] .= "&width=600&height=500";
}else{
$_SERVER['QUERY_STRING'] .= "?width=600&height=500";
}
?>
<div width="700" height="100%" align="center">
<table cellspacing="2" cellpadding="0" style="text-align: left;" class="bg_trans">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="http://holzbau-klinger.de/images/header.png"></td>
</tr>
<tr height="25">
<td id="top_menu" colspan="2" width="700">
<jdoc:include type="modules" name="user3" style="xhtml" />
</td>
</tr>
<?php
if($this->countModules('user1') && $this->countModules('user2')){
?>
<tr>
<td style="padding-left:20px;" class="dotted_border">
<jdoc:include type="modules" name="user1" style="xhtml" />
</td>
<td width="50%" class="dotted_border">
<jdoc:include type="modules" name="user2" style="xhtml" />
</td>
</tr>
<?php
}
?>
<tr>
<td colspan="2" style="padding-left:5px;">
<jdoc:include type="module" name="breadcrumbs" />
</td>
</tr>
<tr>
<td colspan="2" width="714">
<table>
<tr>
<td width="520" class="dotted_border">
<jdoc:include type="component" style="xhtml" />
</td>
<td width="180" class="leftcol dotted_border">
<jdoc:include type="modules" name="left" style="xhtml" /><br><br>
<div align="center">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="dotted_border" colspan="2" width="700">
<jdoc:include type="modules" name="top" style="xhtml" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<br /><jdoc:include type="modules" name="footer" /><br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<a href="http://www.skulltheme.com" target="_blank" title="SkullTheme" style="text-decoration:none;color:#a1a1a1;font-size:8pt;font-family:sans-serif,verdana,helvetica;">
Template created by SkullTheme
</a>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4318816-24");
pageTracker._trackPageview();
} catch(err) {}</script
</body>
</html>
Und hier der Text der css:
HTML-Code:
a { color: #000; text-decoration: underline;}
a:hover { color: #000; text-decoration: none;}
a.footer { color: #000; text-decoration: underline;}
a.footer:hover { color: #000; text-decoration: none;}
#top_menu a {
}
#top_menu ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 12pt;
}
#top_menu li {
float: left;
margin-right: 5px;
padding-right: 5px;
}
#top_menu li:hover {
color: #000;
}
#rightcol {
padding-left: 5px;
background-color: transparent;
text-align:left;
}
#leftcol {
text-align:left;
/*background-repeat: repeat-y; background-image: url(../images/bg_main_menu.png); background-position: center top;*/
}
#leftcol ul {
list-style: none;
}
#leftcol li a {
/* display:block;*/
color: #000;
text-align: left;
text-decoration: underline;
font-size: 8pt;
}
#leftcol li a:hover {
color: #000;
text-decoration: none;
}
li.active {
width:80%;
color: #000;
}
#head_modul a:link, #head_modul a:visited, #footer a:link, #footer a:visited {
color: #fff;
font-size: 1em;
text-decoration: none;
background:transparent;
text-align:center;
position: relative; top: 10px;
}
#head_modul a:hover, #head_modul a:focus, #footer a:hover, #footer a:focus {
color: #fff;
}
a.mainlevel-nav { color: #000; font-weight:normal;text-decoration: none; }
a.mainlevel-nav:hover { color: #000; text-decoration: underline;}
.moduletable_menu, .leftcol {
padding-top:10px;
}
.moduletable {
padding-left:5px;
padding-right:5px;
}
h3 {
font-size:10pt;
font-weight: bold;
padding-left: 10px;
}
ul.menu {
}
.dotted_border {
border-width:1px; border-color:#777; border-style:dotted; padding:10px;
}
.left_module { background-repeat: repeat-y; background-image: url(../images/left_middle.png); background-position: center top;}
.logo {padding-left:30px;padding-top:30px;}
.bg_image { background-repeat: no-repeat; background-image: url(../images/holzwand.jpg); background-position: left top; background-attachment:fixed;}
.bg_trans { background-repeat: repeat; background-image: url(../images/bg.png); background-position: left top;}
body { color: #000;
/*background-repeat: repeat; background-image: url(../images/cube.png); background-position: left top;*/
font-family: verdana, BankGothic Md BT, Courier New, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: normal; }
/*.main {background-color: #ADADAD;}*/
td { vertical-align: top; }
textarea { color: #000000; background-color: #ffffff; font-size: 8pt; font-weight: bold; }
img { border: 0px; }
.hf {
background-color: #C7C4CB;
}
.footline {
background-color: #E1D39C;
}
.head {
background-color: #9FC081;
}
.hb {
background-color: #C7C4CB;
filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;
}
.sitename {
width: 80%;
text-align: center;
margin: 10px 0 0 20px;
font-family: "Impact", Helvetica, Sans-Serif;
font-size: 2.2em;
color: #FFF;
background:transparent;
position: relative;
left: 200px;
}
.search {
margin-top: 5px;
}
.search .inputbox {
border-width:1px; border-color:#777; border-style:dotted;
background: #fff;
text-align: center;
color: #777;
}
.search .inputbox:hover, .search .inputbox:focus {
background: #fff;
color: #000;
border-width:1px; border-color:#000; border-style:dotted;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.componentheading {
color: #000;
font-size: 1.6em;
text-align: right;
letter-spacing: 1px;
border-bottom: 1px dashed #AAA;
}
.contentpaneopen, .contenttoc {
margin: 5px;
}
.contentheading {
color: #000;
font-size: 1.2em;
line-height: 1.8em;
text-align: left;
font-weight: bold;
}
.small, .createdate, .modifydate {
color: #999999;
font-size: 0.85em;
}
.inputbox {
border: 1px solid #555;
font-size: 1em;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #999;
}
.button {
margin: 5px;
font-size: 1.04em;
}
.sectiontableentry1 {
background: #DEDEDE;
}
.sectiontableheader {
padding: 5px;
}
LinkBack URL
About LinkBacks
Skulltheme Prison Seitenname durch Bild ersetzen
Zitieren
Lesezeichen