nach vielen suchen und probieren, bin ich schonmal nen schritt weiter...die horizontale verschiebung der grafik ist jetzt behoben, indem ich in der lazy-index.php folgendes gemacht habe
<div id="content" class="widecolumn">
ersetzt durch
dadurch habe ich immerhin schonmal die verschiebung, wie sie oben im bild zu sehen war, behoben...leider weiss ich momentan noch nicht, wie sich das jetzt auf opera und co. ausgewirkt hat....
jetzt gibt es nur noch folgendes zu bemängeln...
der grafik balken links neben dem eigentlichen contentbereich..datt klappt so nich ;)
bei dem theme ist das so aufgebaut:
[Blockierte Grafik: http://www.dvdjunkies.de/pics/style.jpg]
dabei ist zu beachten, dass die balkengrafik 268 pixel hoch ist und die wrappergrafik drunter 5 pixel, welche sich jedoch durch repeat-y bis zum schluss fortsetzt...
das problem scheint jetzt aber zu sein, dass sich die tatsächlich angezeigte höhe der balkengrafik nach der höhe des contents richtet...sind es quasi nur 5 zeilen, wie zum beispiel bei dem Foto Album Index, dann kann die Balkengrafik gar keine 268 Pixel erreichen, wodurch der Farbverlauf gestört wird...
ich habe hier mal auszüge aus meiner style.css, welche meiner meinung nach dafür verantwortlich sein müssten:
/* Layout */
#header {
margin-top: 0px;
width: 760px;
height: 132px;
background: url(images/header1.jpg) no-repeat;
}
#wrapper {
margin-left: auto;
margin-right: auto;
width: 760px;
background: #FFF url(images/wrapper.gif) repeat-y;
text-align: left;
}
/* Header styles */
#header h1 {
margin: -7px;
padding: 40px 0 0 40px;
font-size: 3em;
line-height: 40px;
}
#header h1 a {
text-decoration: none;
}
#header p {
margin: 0;
padding: 5px 0 0 40px;
}
#content {
float: left;
margin-top: 0px;
padding: 0 10px 0 40px;
width: 520px;
background: url(images/content.gif) no-repeat;
overflow: visible;
voice-family: "\"}\"";
voice-family: inherit;
width: 470px;
}
html>body #content {
width: 470px;
}
* html #content {
overflow: hidden;
/* For IE - don't want big images breaking the page */
}
#sidebar {
float: left;
width: 240px;
background: url(images/sidebar.gif) no-repeat top right;
font-size: 0.9em;
}
Alles anzeigen
#wrapper betrifft die wrapper grafik
#content ist die balkengrafik auf der linken seite
#sidebar ist die grafik auf der rechten seite
habe schon mit min-height herumexperimentiert für #content, hat aber nich so ganz geholfen :(
wäre super, wenn da jemand weiterhelfen kann :D