[darvida]

Nachdem mir hier immer gut geholfen wird, wende ich mich mit einem Problem an euch.

Ich bin gerade dabei meinen Blog umzugestalten und modifiziere dafür ein Template für Wordpress.

Nun sitzte ich schon seit Stunden vor einem Problem.
Wahrscheinlich sehe ich die Container vor lauter div´s nicht mehr.

Es handelt sich um folgende Seite:

tinarawatta.com

Und zwar geht es um den "footer", der in IE zwar direkt anschliesst aber verschoben ist, in Opera ist auch ein Platz wo der hintergund durchscheint und auch verschoben.
Woran liegt es? Irgendwie finde ich das Problem nicht (liege ich richtig damit, das es mit irgendeinem falschen div zu tun hat?).

Hier der CSS-Code:

/*
This stylesheet contains the style information that is
shared between the one-column, the two-column, and the
three-column variants of summernight.  See style.css for
additional info.
*/

body {
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size : 0.7em;
color : #333333;
background : #ffffff url(../summernight/images/back.png) fixed top left repeat-x;
text-decoration : none;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
a:link {

	color: #FF0066;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 16px;
}
a:visited {
	
	color: #FF0066;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 16px;
}
a:hover {
	
	color: #FF0066;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 16px;
	filter: Glow(color=green, strength=6);
}
a:active {
	color: #FF0066;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 16px;
	filter: Glow(color=green, strength=6);
}
a img {
border : none;
}
.alignleft {
float : left;
padding-left : 70px;
}
.alignright {
float : right;
padding-right : 70px;
}
.center {
text-align : center;
}
.pagetitle {
margin-top : 0;
font-size : 1.6em;
font-weight : normal;
text-align : center;
}
#header {
position : relative;
margin : 0 auto 0 auto;
padding : 0 0 0 0;
background : url(../summernight/images/BAN.png) no-repeat;
background-position : top center;
}
.nav {
text-align : right;
color: #999999;
font-size : 10.0em;
margin-right: 30px;
margin-bottom : 20px;
}
.skull {
position : absolute;
top : 0;
left : 690px;
}
#header .searchform {
position : absolute;
bottom : 20px;
width : 145px;
right : 190px;
font-size : 1.2em;
}
#header #searchform {
margin-bottom : 0;
}
#header .search-box {
background : #34011B;
padding : 1px 0 0 2px;
border : 0 solid #34011B;
color : #a2b3bf;
}
#blogtitle {
position : absolute;
top : 40px;
left : 20px;
}
#blogtitle h1 {
font-size : 1.8em;
font-weight : normal;
color : #b4c6d4;
letter-spacing : 1px;
}
#page_container {
background : transparent;
position : relative;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;
font-size : 1em;
}

#postcol {
background : transparent url(../summernight/images/arr.png) repeat-y;
}

.postbox {
margin : 0 0 0 0;
padding : 0 0 0 0;
background : transparent;
}
.postbox .content {
margin : 0 0 0 0;
padding : 0;
}

.info {
color : cccccc;
padding : 10px 0 10px 10px;
font-weight : normal;
line-height : 0.5em;
font-size : 0.7em;
}
.navigation {
margin : 0 0px 15px 10px;
margin-left: 380px;
}
h2.title {
margin : 0 40px -10px 40px;
color : ff0066;
padding : 5px 0 10px 0;
letter-spacing : 1px;
font-weight : normal;
line-height : 0.5em;
font-size : 1.8em;
}
h2.title a {
color : #000;
text-decoration : none;
}
h2.title a:hover {
color : #333333;
text-decoration : none;
}
small.title {
margin : 0 0 0 40px;
padding : 0 0 0 0;
font-size : 0.9em;
line-height : 2em;
color : #FF0066;
}
cite {
margin : 5px 0 0;
display : block;
}
strike {
color : #777;
}
code {
font : 1.1em 'Courier New', Georgia, Fixed, Sans-Serif;
}
.postbox .content img {
padding : 0;

}

img.centered {
display : block;
margin-left : 0;
margin-right : 0;
padding-left : 0;
padding-right : 0;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 10px;
margin : 0 0 0 0;
display : inline;
}
.postbox .content h1 {
font-size : 1.4em;
font-weight : normal;
letter-spacing : 1px;
margin-top : 1.25em;
padding-left : 40px;
padding-right : 40px;
}
.postbox .content h2 {
font-size : 1.4em;
font-weight : normal;
letter-spacing : 1px;
margin-top : 1.25em;
padding-left : 40px;
padding-right : 40px;
}
.postbox .content h3 {
font-size : 1.25em;
font-weight : normal;
letter-spacing : 1px;
padding-left : 40px;
padding-right : 40px;
}
.postbox .content h4 {
font-size : 1em;
line-height : 2em;
padding-left : 40px;
padding-right : 40px;
}
.postbox .content p {
margin-top : 1em;
margin-bottom : 0;
padding-left : 40px;
padding-right : 40px;
}
#comments {
font-size : 1.8em;
left : 20px;
}
.commentsbox {
margin-left : 10px;
}
.respond {
border-bottom : 1px dotted #FF0066;
margin-top : 0;
text-align : center;
margin-bottom : 0;
font-weight : normal;
font-size : 1.8em;
}
.respond {
border-bottom : 1px dotted #FF0066;
font-size : 1.8em;
margin-top : 20px;
margin-bottom : 0;
}
#commentform {
margin-left : 15px;
margin-right : 6px;
}
#commentform .textform {
border : 1px dotted #FF0066;
}
#commentform textarea {
width : 500px;
font-size : 1.4em;
}
#commentform #submit {
float : right;
}
#rightbar {
position : absolute;
margin-top : 50px;
padding : 0;
right : 0;
width : 25px;
background : transparent;
}
#leftbar {
position : absolute;
margin-top : 50px;
text-align : right;
background : transparent;
}
#rightbar ul, #leftbar ul {
margin : 0;
padding : 0;
}
#rightbar ul li, #leftbar ul li {
list-style-type : none;
list-style-image : none;
margin-bottom : 15px;
}
li.sidebar-spacer {
right : 0;
border-top : 0 solid #acb0b5;
background-color : transparent;
width : 0;
height : 0;
margin-left : 0;
margin-top : 0;
margin-bottom : 0;
font : 0/0 monospace;
}
#rightbar ul li h2, #leftbar ul li h2 {
margin : 5px 0 0 0;
font-size : 1.25em;
font-weight : normal;
letter-spacing : 1px;
}
#rightbar ul li ul, #leftbar ul li ul {
margin-top : 5px;
margin-left : 15px;
background : transparent;
}
#rightbar ul li ul li, #leftbar ul li ul li {
margin-top : 3px;
margin-bottom : 0;
}
#wp-calendar {
empty-cells : show;
margin : 0 auto 0 auto;
width : 155px;
}
#wp-calendar #next a {
font-size : 100%;
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
font-size : 100%;
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
}
#wp-calendar caption {
text-align : center;
width : 100%;
font-size : 1.2em;
color : #333333;
letter-spacing : 1px;
}
#wp-calendar th {
padding : 3px 0;
text-align : center;
}
#wp-calendar td {
padding : 3px 0;
text-align : center;
}
#wp-calendar td.pad:hover {
background-color : #fff;
}
.postspermonth, .category-archives, .page-archives {
margin : 5px 0 10px 0;
list-style : none;
padding-left : 25px;
}
.page_item {
list-style : none;
}
.postspermonth .comment-count {
color : #999999;
}
ul.links {
margin : 5px 0 10px 0;
list-style : none;
padding-left : 0;
}
ul.links li {
list-style : none;
padding-bottom : 2px;
}
#header {
width : 1100px;
height : 350px;
}
#page_container {
width : 900px;
}
#postcol {
width : 870px;
margin-left : 15px;
margin-top: 0px;
}

#haut {
width : 870px;
margin-left : 15px;
margin-top: 0px;
}

#leftbar {
position : absolute;
left : 0;
width : 25px;
background : transparent;
}
.postmetadata {
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	padding-right: 0px;
	height: 50px;
	border: 0px;
	padding: 7px; 0px; 10px; 0px;
	background: url(../summernight/images/souspost.png) no-repeat;
	margin: 0px;
	color: #ff0066;
	}
	
#watertownStrip {
width : 80%;
margin-left: 50px;
}
	
.responses {
margin : 0 0 50px 0;
}
.responses dl {
margin : 0 95px;
padding : 0 0;
}
.responses dt {
text-decoration : none;
}
.responses dt a, .responses dt a:visited {
font-weight : bold;
text-decoration : none;
}
.responses dt a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
}
.responses dd {
margin : 0 0 20px 0;
}
.responses dd p {
margin : 0;
padding : 5px 0;
}
.responses dd p a, .responses dd p a:visited {
text-decoration : none;
}
.responses dd p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
}
.responses dd img {

max-height : 700px;
}
.response-info {
float : left;
padding : 5px 0 0 40px;
text-align : left;
text-decoration : none;
}
.response-info img {
border : 1px solid #ff0066;
}
.response-info acronym {
border : none;
}
.response-info a, .response-info a:visited {
text-decoration : none;
}
.response-info a:hover {
}
#footer {
background : url(../summernight/images/footer.png) no-repeat;
height: 300px;
}

HEADERCODE:

PHP-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>I &hearts; <?php bloginfo('name'); ?> <?php if ( is_home() ) { ?>&raquo; <?php } ?> <?php if ( is_single() ) { ?> <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <style type="text/css" media="screen">
    <!--
    @import url(<?php bloginfo('stylesheet_directory'); ?>/style.css);
    @import url(<?php bloginfo('stylesheet_directory'); ?>/style-core.css);
    <?php if (eregi("MSIE",getenv("HTTP_USER_AGENT")) || eregi("Internet Explorer",getenv("HTTP_USER_AGENT"))) { ?>
     @import url(<?php bloginfo('stylesheet_directory'); ?>/style-ie.css);
    <?php } ?>
    <?php if (eregi("Opera",getenv("HTTP_USER_AGENT"))) { ?>
     @import url(<?php bloginfo('stylesheet_directory'); ?>/style-opera.css);
    <?php } ?>
    -->
    </style>
    
    <script language="javascript" type="text/javascript">
    // <![CDATA[
    function resetSearchText() {
        if ("search..."==document.searchform.s.value) { document.searchform.s.value = ""; }
    }

    fixHeight=function(){ 
        // Declare and initialize variables
        var divs,contDivs,maxHeight,divHeight,d; 
        maxHeight=0;
        contDivs=[];
    
        divs=document.getElementsByTagName('div');        // get all <div> elements in the document 
        for(var i=0;i<divs.length;i++){                // for all divs...
            if(/\bfixheight\b/.test(divs[i].className)){    // find those with the class attribute 'fixheight'...
                 d=divs[i]; 
                 contDivs[contDivs.length]=d;

                 // determine their height, defined as either offsetHeight or pixelHeight
                 if(d.offsetHeight){ divHeight=d.offsetHeight; }
                 else if(d.style.pixelHeight){ divHeight=d.style.pixelHeight; }

                 // Keep track of the largest div height
                 maxHeight=Math.max(maxHeight,divHeight);
            } 
        }

        // assign all divs the height of the tallest div
        for(var i=0;i<contDivs.length;i++){ 
            contDivs[i].style.height=maxHeight + "px"; 
        }
    } 

    // Run fixheight on page load 
    window.onload=function(){
        if(document.getElementsByTagName){ fixHeight(); } 
    }
    // ]]>
    </script>
    <script language="javascript" type="text/javascript">
    function changepic(element,wert,url){

if(wert == 1){
element.src = url;
element.width='24';
element.hight='52';
}
else{
element.src = url;
element.width='24';
element.hight='52';
}

}</script>
<script src="<?php bloginfo('template_directory'); ?>/pagescroll.js" type="text/javascript"></script>

    <?php wp_get_archives('type=monthly&format=link'); ?>

    <?php wp_head(); ?>
</head>
<body>
    <div id="header">
      <?php /* UNCOMMENT THE LINE BELOW IF YOU WISH TO SEE YOUR BLOG'S TITLE IN THE HEADER */ ?>
      <!-- <div id="blogtitle"><h1><?php echo get_bloginfo ( 'name' );  ?></h1></div> -->
      
</div>

SEITENCODE:

PHP-Code:

<?php get_header(); ?>

<div id="page_container">

<?php get_sidebar(); ?>
<?php include (TEMPLATEPATH . '/leftbar.php'); ?>


<div id="haut"><img src="<?php bloginfo('url'); ?>/wp-content/themes/summernight/images/haut.png"/></div>
<div id="postcol" >
<div id="pc_t" >
<div id="pc_r" >
<div id="pc_b" >
<div id="pc_l" >
<div id="pctl" >
<div id="pctr" >
<div id="pcbr" >
<div id="pcbl" >
<div id="pc_c" >
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
    <div class="postbox">
    <div class="right">
    <div class="bottom">
    <div class="left">
    <div class="post_title">
        <div class="top">
        <div class="right">
        <div class="left">
        <div class="tl">
        <div class="tr">
        <h2 id="post-<?php the_ID(); ?>" class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>&nbsp;<?php if(function_exists('langswitch_post_other_langs')){ langswitch_post_other_langs(true, false, ' ','', '', '', ''); }?></h2>
        <small class="title"><strong><?php the_time('d.m.y') ?> | </strong><?php the_category(', ') ?></small>
    </div></div></div></div></div></div> <?php /* post_title */ ?>
    <div class="br">
    <div class="bl">
    <div class="content">
        <?php the_content('Read the rest of this entry &raquo;'); ?>
        <p class="postmetadata"> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php readers(); ?> Leser"><?php readers(); ?> Leser</a> <strong>|</strong> <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?></p>
    </div></div></div></div></div></div></div> <?php /* postbox */ ?>
<?php endwhile; ?>
<div class="navigation"><?php wp_pagebar(array('before'=>'Seiten: '))?></div>
<?php /* navigation */ ?></div></div></div></div></div></div></div></div></div></div></div>
<div style="clear: both"></div>
<?php else : ?>
    <h2 class="center">Not Found</h2>
    <p class="center"><?php _e("Sorry, but you are looking for something that isn't here."); ?></p>
<?php endif; ?>
<?php get_footer(); ?>

FOOTERCODE:

PHP-Code:

<div id="footer"><img src="<?php bloginfo('url'); ?>/wp-content/themes/summernight/images/footer.png" alt="" /></div>

Hoffe Ihr könnt mir dabei helfen, vielen Dank schon mal und
lg
Tina

[Timo]

Link tut nicht.

[izak.stern]

toter link...

btw - findest du nicht, dass du ein paar viele divs eingesetzt hast? ich kann mir beim besten willen nicht vorstellen, dass du sie wirklich alle benötigst.

[darvida]

Wie gesagt ist es nur ein Template, welche ich umgestalte, also der UrCode ist nicht von mir.
Jetzt müsste der link wieder gehen.
Irgendwie gibt es im Moment Probleme mit meiner Domain.
Gestern wurde sie auf eine "Parking" Seite umgeleitet ohne mein zutun und nach etwa einer halben Stunde war der Spuk wieder vorbei...
(EDIT: Habe eben gemerkt, das meine Domaim vorgestern abgelaufen ist, deswegen die Probleme. Muss also "nur" erneuert werden....)

Wegen der vielen div´s blicke ich ja auch nicht durch, aber wenn jemand eine elegantere Lösung hat um das Design so umzusetzten, bin ich gerne bereit alles umzuschreiben...

[fricca]

Zitat von darvida

Gestern wurde sie auf eine "Parking" Seite umgeleitet ohne mein zutun und nach etwa einer halben Stunde war der Spuk wieder vorbei...

Nö, ist nicht vorbei.

Du postest im Sitecheck-Forum. Willst du einen solchen -- oder hast du doch nur die oben genannten Darstellungs-Probleme. Dann gehört dein Thread ins CSS-Forum.

[darvida]

Naja, ich habe Probleme mit dem Layout deswegen der Post in diesem Forum.
(Das Problem mit der falschen Anzeige. bzw. gar keiner Anzeige kommt erschwerend dazu, den Grund habe ich aber schon gefunden...)
Also bei mir gehen die Seiten sowohl Opera, IE und Safari zeigen sie mir eben mit dem Fehler im Footer, an...

[fricca]

Zitat von darvida

Naja, ich habe Probleme mit dem Layout

Dann bist du hier falsch.
Worum es hier geht, kannst du in den Kriterien für den Sitecheck nachlesen.

[darvida]

Ok, dann bin ich hier wohl falsch....Werde mich mal an einem Moderator wenden, das er es vershciebt, denke nicht das ich das selber kann oder?

[fricca]

Rechts oben bei jedem Beitrag gibt es die Möglichkeit, den Beitrag zu "melden". Damit erreichst du den Admin.

[darvida]

Danke, hab ich schon gemacht....