Probleme mit dem Header

VHS

He,

ich bin langsam am verzweifeln. Ich sitze an der Seite für eine Selbsthilfegruppe. Ihr findet die Seite unter http://www.whackslack.com/_hfi.

Der Header spinnt und ich finde einfach nicht heraus, woran es liegt. Die Seite ist folgendermaßen aufgebaut: es gibt eine Startseite, "Splash", auf der ist anstelle des Loops nur ein Zitat eingebaut. Dann gibt es alle anderen Seiten, die im Hauptfeld links den Loop, rechts die Sidebar haben.

BEIDE Templates, die Startseite und die Indexseite (alle anderen Seiten), beziehen sich auf dieselbe CSS-File und darin dieselben Angaben für den Header.

Aber das Ergebnis könnt ihr selbst sehen: Das Suchfeld, neben der Navi, hat jeweils verschiedene Größen, obwohl es sich, wie gesagt, immer auf dieselbe CSS-Klasse bezieht. Wenn man die Seite mit dem IE8 ansteuert, dann ist das Dropdownmenü auf der Startseite nicht nebeneinander, sondern untereinander angeordnet, auf einer beliebigen anderen Seite funktioniert es dann aber.

Ich kann mir nur vorstellen, dass irgendein Tag irgendwo irgendwie interferiert, finde aber nichts. Any help?!

Im folgenden die entsprechenden Codes:

SPLASH

HTML

<?php
/*
template name: splash
*/
?>


<html>


<?php get_header(); ?>


<body>


<div id="wrapper">
 
<div id="header">


<h1 class="titel"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <h3 class="untertitel"><?php bloginfo('description'); ?></h3>


<div id="navi-bg">


<div id="navi">


<ul class="sf-menu">


    <?php wp_list_categories('title_li=&hide_empty=0&exclude=1,13,32'); ?>


</ul>


</div> <!-- navi ende -->


<div class="suche"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div>


</div> <!-- navi-bg ende -->


</div> <!-- header ende -->








<div id="splash-main">


<hr>


<div id="zitat">Willkommen<br>
auf der Website der<br>
Selbsthilfegruppe heredit&auml;re Fructoseintoleranz!</div>


<hr>


<!-- BOTTOM BAR -->


<div id="bottom-bar-wrapper">


<div id="bottom-bar">


<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('bottom-bar')) : else : ?>


<div class="pre-widget">
<p><strong>Widgetized Area</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>


<?php endif; ?>


</div> <!-- bottom-bar ende -->


</div> <!-- bottom-bar-wrapper ende -->


<br style="clear: both;" />


</div> <!-- main-splash ende -->




 
<?php get_footer(); ?>


</div><!-- wrapper ende -->
 
</body>


</html>

Alles anzeigen

INDEX

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">


<?php 
/*
template name: hfi
*/
?>


<html>


<?php get_header(); ?>


<body>


<div id="wrapper">
 
<div id="header">


<h1 class="titel"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <h3 class="untertitel"><?php bloginfo('description'); ?></h3>


<div id="navi-bg">


<div id="navi">


<ul class="sf-menu">


    <?php wp_list_categories('title_li=&hide_empty=0&exclude=1,13,32'); ?>


</ul>


</div> <!-- navi ende -->


<div class="suche"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div>


</div> <!-- navi-bg ende -->


</div> <!-- header ende -->






<div id="main">


<!-- LOOP -->


<div id="loop">


<?php if (have_posts()) : while (have_posts()) : the_post(); ?>


<div class="post">


<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>


<hr>


   <div class="entry">
      <?php the_content(); ?>
   </div>


<small>Von <?php the_author_posts_link() ?> in <?php the_category(', '); ?>, bisher <?php comments_number( '0 Kommentare', '1 Kommentar', '% Kommentare' ); ?></small>


</div> <!-- POST ENDE -->


<?php endwhile; endif; ?>


</div> <!-- LOOP ENDE -->


<!-- LOOP ENDE -->


<?php get_sidebar(); ?>


<br style="clear: both;" />


</div> <!-- main ende -->
 
<?php get_footer(); ?>
 
</div><!-- wrapper ende -->
 
</body>


</html>

Alles anzeigen

CSS

HTML

/*
Theme Name: HFI
*/


/*INDEX & PAGES*/


body {
margin:0px;
font-family: 'Open Sans';
color: #0A246A;
background-image:url(img/bg-1024.jpg); background-repeat:repeat;
}


#wrapper {
width: 960px;
height: auto;
background: #fff;
border: 1px solid #c8c8c8;
box-shadow: 0px 10px 10px #c8c8c8;
margin: 0 auto;
}


#header {
width: 960px;
height: auto;
border-bottom:1px solid #c8c8c8;
}


.titel {
margin:0px;
padding-top:40px;
padding-left:40px;
padding-bottom:10px;
font-size: 22pt;
text-shadow: 2px 2px 1px #c8c8c8;
}


.untertitel {
margin:0px;
padding-left:40px;
padding-bottom:40px;
font-size: 12pt;
text-shadow: 2px 2px 1px #c8c8c8;
background-image:url(img/essen.jpg); background-repeat:no-repeat;
}


a, a:link, a:visited, a:active {
color: #0A246A;
text-decoration:none;
}


a:hover {
text-decoration:underline;
}


a name {
color: #0A246A;
text-decoration:none;
}


/* HEADER */


/* NAVI */


#navi-bg {
position: relative; top: -2px;
width: 960px;
height: 56px;
}


#navi {
float:left;
position: relative; left: 40px;
}


/* SUCHE */


.suche {


padding: auto 40px;
}


.suche input#s {
height: 20px;
width: 140px;
font-size: 12px;
color: #000;
background-color: #fff;


-moz-box-shadow:inset 2px 2px 2px #ccc;
box-shadow:inset 2px 2px 2px #ccc;
border: 1px solid #c8c8c8;
background: url(img/pikto-lupe.jpg) center right 10px;
background-repeat: no-repeat;
}


.suche input#searchsubmit {
display: none;
}






/* MAIN */


#main {
width: 960px;
height: auto;
background-image:url(img/bg-960.jpg); background-repeat: y-repeat;
}


#main td {
margin:0px;
padding:10px;
vertical-align: baseline;
background-color: #d9d9d9;
}


#main li {
padding-bottom:0.5em;
}


#main img {
float:left;
padding: 0px 10px 10px 0px;
}


#main blockquote {
font-style: italic;
}


/* LOOP */


#loop {
width: 640px;
padding:40px;
padding-top:0px;
float:left;
}


.post {
padding-top: 20px;
padding-bottom: 20px;
}


.post h2 {
margin:0px;
}


.post hr {
width: auto;
height: 1px;
border:none;
border-top: 1px dotted #c8c8c8;
background-color: #FFFFFF;
}


.entry {
font-size: 12pt;
line-height: 1.5em;
}


.entry a {
color: blue;
text-decoration:underline;
}






/* SIDEBAR */


#sidebar {
width: 180px;
height: auto;
float:right;
padding-left:20px;
padding-right: 40px;
font-size: 10pt;
}


/* SIDEBAR-LINES */


#sidebar hr {
width: 180px;
height: 1px;
border:none;
border-top: 1px dotted #c8c8c8;
}


/* SIDEBAR WIDGET-AREA */


#sidebar .widget{
width: 180px;
margin-top: 20px;
margin-bottom:20px;
}


#sidebar .widget h2 {
margin: 0px 0px 4px 50px;
text-transform: uppercase;
text-shadow: 2px 2px 1px #c8c8c8;
}


#sidebar .textwidget {
margin-left:50px;
}


#text-11 {
background-image:url(img/pikto-book.jpg); background-repeat: no-repeat;
}


#text-12 {
background-image:url(img/pikto-letter.jpg); background-repeat: no-repeat;
}


#text-13 {
background-image:url(img/pikto-people.jpg); background-repeat: no-repeat;
}






/* FOOTER + WIDGETAREA*/


#footer {
clear:both;
width: 960px;
background:#c8c8c8;
}


#footer-inner {
padding-left: 20px;
padding-right: 20px;
}


#footer .widget{
float: left;
width: 190px;
margin-left:20px;
margin-right:20px;
margin-top: 40px;
margin-bottom:40px;
}


#footer .widget h2 {
text-shadow: 1px 1px 1px #9b9b9b;
}


#footer .textwidget {
}


#footer .menu-no-kids-container ul {
list-style-type: none;
margin: 0px;
padding: 0px;
border-top: 1px solid ;
}


#footer .menu-no-kids-container li {
list-style-type: none;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid;
}






/* WIDGETS*/


.widget {
font-size: 8pt;
}


.widget h2 {
font-size: 10pt;
}


.textwidget {
}






/* SPLASH */


#splash-main {
width: 960px; 
height: auto;
}


/*SPLASH-LINE*/


#splash-main hr {
width: 880px;
height: 1px;
border:none;
border-top: 1px dotted #c8c8c8;
}


/*SPLASH-ZITAT*/


#zitat {
clear:both;
width: 960px;
padding-top: 40px;
padding-bottom: 40px;
font-size: 20pt;
font-weight: bold;
font-style: italic;
text-align: center;
text-shadow: 2px 2px 1px #c8c8c8;
color: #0A246A;
}


/*SPLASH-BOTTOM-BAR + WIDGETAREA*/


#bottom-bar-wrapper {
clear:both;
width: 960px;
}


#bottom-bar {
position: relative;
left:24px;
}


#bottom-bar .widget {
float: left;
width: 266px;
margin-left:20px;
margin-right:20px;
margin-top: 40px;
margin-bottom:40px;
}


#bottom-bar .widget h2 {
margin: 0px 0px 6px 50px;
font-size: 12pt;
text-transform: uppercase;
text-shadow: 2px 2px 1px #c8c8c8;
}


#bottom-bar .textwidget {
margin-left:50px;
}


#text-5 {
background-image:url(img/pikto-book.jpg); background-repeat: no-repeat;
}


#text-6 {
background-image:url(img/pikto-letter.jpg); background-repeat: no-repeat;
}


#text-4 {
background-image:url(img/pikto-people.jpg); background-repeat: no-repeat;
}


/* SEARCH */


#search-main {
background-image:url(img/bg-960.jpg);
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

AmyClaire

Hast du dein grad Design zerschossen?
Sieht bei mir aus , als würde da keine style.css greifen..

AmyClaire

http://www.myimg.de/?img=shg8fcca.jpg

VHS

Zitat von AmyClaire

Hast du dein grad Design zerschossen?
Sieht bei mir aus , als würde da keine style.css greifen..

So, jetzt müsste es wieder funktionieren: http://www.whackslack.com/_hfi.

formateins

Nah. Da funzt garnix... gibt auch einen einfachen Grund:

HTML

<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/tutorial/style.css" type="text/css" media="screen" />
<link href='http://localhost/wordpress/wp-content/themes/tutorial/img/favicon.ico' rel='icon'/>
<link href='http://localhost/wordpress/wp-content/themes/tutorial/img/favicon.ico' rel='shortcut icon'/>
<link href="http://localhost/wordpress/wp-content/themes/tutorial/img//favicon.ico" rel="shortcut icon" type="image/x-icon" />
<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/tutorial/dropdown/jquery-1.9.0.min.js)"></script>
<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/tutorial/dropdown/hoverIntent.js)"></script>
<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/tutorial/dropdown/superfish.js)"></script>

Korrigiere den Fehler und alles wird gut... ;)

VHS

Shiiit. Warum einfach, wenns auch kompliziert geht :), dachte da wäre was beim Import der Datenbank schiefgegangen. Hoffe, jetzt funzts: http://www.whackslack.com/_hfi.

Problem siehe oben.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit dem Header

Jetzt mitmachen!

Benutzer online in diesem Thema