Design Problem. Alles kaputt.

Linopacino

Hy Leute ich verliere meine Nerver..

und zwar geht es um dieses baby hier:

könnt ihr mir sagen ob die Seite bei euch normal dargestellt wird?
viele sagen mir das die Spalten und Titel der Spalten einfach irgendwo sind (mag warscheindlich am browser hängen) aber wie kann ich dieses problem lösen das die 3 Spalten oben und unten immer ihre position so wie sie sein sollte beibehalten?

schon mal vielen Dank für eure hilfe.

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

maxe

Kein Wunder dass die Site nicht richtig angezeigt wird, schau dir mal den Quelltext an. Deine Site läuft im Kompatibilitätsmodus (Quirks). Woher kommt der Code vor dem DOCTYPE ? Hast du an der header.php geschraubt?

HTML

[COLOR=Red]<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">[/COLOR]
	
	
	<!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" dir="ltr" lang="de-DE">


<head profile="http://gmpg.org/xfn/11">

Alles anzeigen

gericoach

http://browsershots.org/

prüfe mal selbst...IE8 dreht übrigens am Rad.

Linopacino

quirks? noch nie gehört :S
bin leider nicht der absolute pro in PHP etc..

wie kann ich dieses problem nun am besten lösen, so das die seite stabil und richtig angezeigt wird? :(

maxe

indem du erst mal den Code vor dem DOCTYPE entfernst:

Zitat von maxe

Deine Site läuft im Kompatibilitätsmodus (Quirks). Woher kommt der Code vor dem DOCTYPE ? Hast du an der header.php geschraubt?

HTML

[COLOR=Red]<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">[/COLOR]
    
    
    <!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" dir="ltr" lang="de-DE">


<head profile="http://gmpg.org/xfn/11">

Alles anzeigen

Linopacino

In der header.php sind diese divs aber nicht zu finden:

hier die ganze header.php

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
<!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" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<link rel="shortcut icon" href="/blog/wp-content/themes/pacino/images/favicon.ico">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<style type="text/css" media="screen">


<script type="text/javascript">
<!--
//Dieses Skript stammt von Michael Mailers JavaScripts
//URL: http://www.webaid.de/js  --  eMail: mm@webaid.de
//Bitte   entfernen   Sie   diesen   Vermerk   nicht  !
if (document.layers){
    window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
    window.onmousedown=rightclick;
    window.onmouseup=rightclick;


    function rightclick(e) {
    if (e.which == 3) {
    // Put right mouse code here
    alert('Don`t steel it!');
    return false;
    }
    else {
        return true;
        }
    }
}
if (document.all){
    function click() {
    if (event.button==2) {
    alert('Don`t steel it!')
    }


    if (event.button==3) {
    alert('Don`t steel it!')}
    }
    document.onmousedown=click
}
// -->
</script>


<?php
// Checks to see whether it needs a sidebar or not
if ( empty($withcomments) && !is_single() ) {
?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>


</style>


<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> 


<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page">
<div id="header" role="banner">
	<div id="headerimg">
	<div id="mainlogo" class="headerimg">
	&nbsp;&nbsp;
	<a href="http://www.mommyikeepitgangsta.com/blog/"><img src="/blog/wp-content/themes/pacino/images/mommy.jpg" width="135" height="100"></a>
	</div>
	<div id="smalllogos" class="headerimg">
	<a href="http://mommyikeepitgangsta.tumblr.com/"><img src="/blog/wp-content/themes/pacino/images/tumblr.png" width="16" height="16"></a>
	&nbsp;
	<a href="http://twitter.com/LinoPacino"><img src="/blog/wp-content/themes/pacino/images/twitter.png" width="16" height="16"></a>
	&nbsp;
	<a href="http://www.facebook.com/Mommyikeepitgangsta"><img src="/blog/wp-content/themes/pacino/images/facebook.png" width="16" height="16"></a><br>
	</div><br><br><br><br><br>
		<div id="mainnavigation">
		<a href="http://www.mommyikeepitgangsta.com/blog/">Home</a> &nbsp;
		<a href="http://mommyikeepitgangsta.com/blog/pictures/">Pictures</a> &nbsp;
		<a href="http://mommyikeepitgangsta.com/blog/about/">About</a> &nbsp;
		<a href="http://mommyikeepitgangsta.com/blog/contact/">Contact</a>
		</div>
		
	</div>
</div>

Alles anzeigen

Linopacino

habe schon an der header.php geschraubt, aber habe diese divs da nicht reingehauen, darum verstehe ich ja auch nicht warum die da drin sind.... :(

Linopacino

ich brauche hiiiiiiiiiiiiilfe :(
will doch nur das die seite funzt :(

maxe

Bitte nicht so oft hintereinander posten/pushen, danke! :evil:

Hast du denn mal alle Plugins deaktiviert um zu testen, ob es nicht ein Plugin verursacht?

Und schau auch mal in den anderen Templates (z.B. functions.php) ob du nicht einen Hinweis auf den Fehler findest.

Linopacino

An den Plugins liegt es nicht. habe mal alle ausgeschaltet gehabt.
tut sich nix.

hmm also in der function.php sieht alles normal aus.
an was kann es noch liegen?

hero-master

Zitat von Linopacino

an was kann es noch liegen?

An der index.php. Das Problem tritt nur auf der Startseite auf.

Tutrix

Nun du hast doch deine index.php geändert, damit dort alles breiter ist

Code

<div id="header2" role="banner">

das ist doch eine dieser Änderungen

vielleicht ist dir da der Fehler unterlaufen

Linopacino

also hab die divs mal weggenommen.
nun ist aber alls durcheinander auf der seite, nix stimmt.

http://mommyikeepitgangsta.com/blog/

was nun? :(

Linopacino

Das Problem steckt in dem Seitentemplate was ich habe.
Leider erkenne ich aber das Problem nicht:

hier mal das Seitentemplate:

PHP

<?php
/*
Template Name: STARTPAGE
*/
?>


	
	
	<?php get_header(); ?>








<div class="clearing">


<div id="mainheader">
<iframe src="http://player.vimeo.com/video/17577891?portrait=0&amp;color=ffffff&amp;autoplay=1" width="870" height="370" frameborder="0"></iframe>




</div>


<div class="abstandverkleinern">
<div id="lefttitlepictures">
<h4><a href="">My things</a></h4>
</div>




<div id="contentmittetitlepictures">
<h4><a href="">My friends</a></h4>
</div>


<div id="righttitlepictures">
<h4><a href="">My travels</a></h4>
</div>


<div id="leftforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=mythings&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>


<div id="contentmitteforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=myfriends&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>




<div id="rightforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=mytravels&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>
</div>












<div class="abstandverkleinern2">
<div id="lefttitle">
<h4><a href="http://twitter.com/LinoPacino">TWITTER</a></h4>
</div>


<div id="contentmittetitle">
<h4><a href="http://mommyikeepitgangsta.com/blog/category/blog/">BLOG</a></h4>
</div>


<div id="righttitle">
<h4><a href="http://mommyikeepitgangsta.com/blog/category/announcements/">ANNOUNCEMENTS</a></h4>
</div>
</div>






    <div id="left">
	<div id="vorschau">
	<div class="frameimg" style="text-align:left; width:278;">
	<div class="twitterwidget">
	
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 20,
  interval: 6000,
  width: 278,
  height: 300,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#919191'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('LinoPacino').start();
</script>
	</div> 
	</div>
	</div>


	<div id="leftfooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://twitter.com/LinoPacino">MY TWITTER →</a></strong>
    </div>
    </div>


	</div>
    
    
    <div id="contentmitte">
    
    <div id="vorschau">
	<div class="frameimg" style="text-align:left; width:278;">
	<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=blog&showposts=5'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_time('D. j. F Y') ?><br><br>
   	<?php the_excerpt(); ?>
   	<!--more--> 
	<?php endwhile;?>
	</div>
	</div>
	
	<div id="contentmittefooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://mommyikeepitgangsta.com/blog/category/blog/">MORE BLOG →</a></strong>
    </div>
    </div>
	
	</div>
    
    
   
    
    
    
    <div id="right">
    
    <div id="vorschau">
   	<div class="frameimg" style="text-align:left; width:278;">
	<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=announcements&showposts=5'); ?>
	<?php while (have_posts()) : the_post(); ?> 
	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
	<?php the_time('D. j. F Y') ?><br><br>
	<?php the_excerpt(); ?>
	<!--more-->
	<?php endwhile;?>
	</div>
	</div>
	
	<div id="rightfooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://mommyikeepitgangsta.com/blog/category/announcements/">MORE ANNOUNCEMENTS →</a></strong>
    </div>
    </div>
	
	</div>
	


    
    
    
    
    
    
    <div class="clr"></div>
    </div>


<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
<div id="footer2" role="contentinfo">
	<br>
	<div style="display:block; text-align:left; float:left;">Copyright &copy; 2010 Mommy i keep it gangsta X 13th Unit</div>
	<div style="display:block; text-align:right;"><a href="#">Back to top ^</a></div>
</div>
		<?php wp_footer(); ?>


</div> 










</body>

Alles anzeigen

Tutrix

nun du musst die vorhandenen div's der index.php anpassen

Beispiel dies

Code

<div id="header" role="banner">

in dies ändern

Code

<div id="header2" role="banner">

also dort die id's eintragen, die nur für die index.php sind

Edit: sehe gerade du hast noch Code eingefügt.

Aber da rufst du ja den normalen Header auf, ich dachte du hast den extra geändert?
Jetzt wundert mich auch nicht mehr, warum das mit dem css-Code für den großen Header nicht geklappt hat.

Linopacino

in der index.php habe ich nur diese:

PHP

<div id="content" class="narrowcolumn" role="main">

Tutrix

nun laut Quelltext ist dies auf deiner index

Code

<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">  


und dann nochmal  


<body class="home page page-id-343 page-template page-template-startpage-php">
<div id="page">
<div id="header" role="banner">

Alles anzeigen

also 2mal body, 2mal header

Linopacino

das ist nicht auf der index sondern auf dem seitentemplate!
also muss ich die sachen im seitentemplate ändern oder?

Tutrix

im in dem Code vom Seitentemplate sehe ich das nirgends!

aber du hast das doch gerade gelöscht gehabt?!......
folglich weißt du doch wo der falsche doppelte Code ist!

und dort statt doppelt einfügen, die vorhandenen div's anpassen

also statt dies

Code

<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">

hinzuzufügen
das darunter liegende anpassen(oder eben in der Datei, in der dies vorkommt)
also das hier

Code

<body class="home page page-id-343 page-template page-template-startpage-php">
<div id="page">
<div id="header" role="banner">

Linopacino

ich bin zu dumm um es zu verstehen deshalb hier das seitentemplate:

PHP

<?php
/*
Template Name: STARTPAGE
*/
?>


<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">	
	
	
	<?php get_header(); ?>
</div>	
</div>		
</div>	






<div class="clearing">


<div id="mainheader">
<iframe src="http://player.vimeo.com/video/17577891?portrait=0&amp;color=ffffff&amp;autoplay=1" width="870" height="370" frameborder="0"></iframe>




</div>


<div class="abstandverkleinern">
<div id="lefttitlepictures">
<h4><a href="">My things</a></h4>
</div>




<div id="contentmittetitlepictures">
<h4><a href="">My friends</a></h4>
</div>


<div id="righttitlepictures">
<h4><a href="">My travels</a></h4>
</div>


<div id="leftforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=mythings&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>


<div id="contentmitteforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=myfriends&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>




<div id="rightforpictures">
<div class="frameimg" style="text-align:left; width:278;">
<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=mytravels&showposts=1'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_excerpt(); ?><br><br>
   	<?php the_time('D. j. F Y') ?>
   	<!--more--> 
	<?php endwhile;?>
</div>
</div>
</div>












<div class="abstandverkleinern2">
<div id="lefttitle">
<h4><a href="http://twitter.com/LinoPacino">TWITTER</a></h4>
</div>


<div id="contentmittetitle">
<h4><a href="http://mommyikeepitgangsta.com/blog/category/blog/">BLOG</a></h4>
</div>


<div id="righttitle">
<h4><a href="http://mommyikeepitgangsta.com/blog/category/announcements/">ANNOUNCEMENTS</a></h4>
</div>
</div>






    <div id="left">
	<div id="vorschau">
	<div class="frameimg" style="text-align:left; width:278;">
	<div class="twitterwidget">
	
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 20,
  interval: 6000,
  width: 278,
  height: 300,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#919191'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('LinoPacino').start();
</script>
	</div> 
	</div>
	</div>


	<div id="leftfooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://twitter.com/LinoPacino">MY TWITTER →</a></strong>
    </div>
    </div>


	</div>
    
    
    <div id="contentmitte">
    
    <div id="vorschau">
	<div class="frameimg" style="text-align:left; width:278;">
	<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=blog&showposts=5'); ?> 
	<?php while (have_posts()) : the_post(); ?>
   	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
   	<?php the_time('D. j. F Y') ?><br><br>
   	<?php the_excerpt(); ?>
   	<!--more--> 
	<?php endwhile;?>
	</div>
	</div>
	
	<div id="contentmittefooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://mommyikeepitgangsta.com/blog/category/blog/">MORE BLOG →</a></strong>
    </div>
    </div>
	
	</div>
    
    
   
    
    
    
    <div id="right">
    
    <div id="vorschau">
   	<div class="frameimg" style="text-align:left; width:278;">
	<?php require'../blog/wp-blog-header.php'; ?> 
	<?php query_posts('category_name=announcements&showposts=5'); ?>
	<?php while (have_posts()) : the_post(); ?> 
	<h2><a href="<?php the_permalink() ?>" target="_top"><?php the_title() ?></a></h2>
	<?php the_time('D. j. F Y') ?><br><br>
	<?php the_excerpt(); ?>
	<!--more-->
	<?php endwhile;?>
	</div>
	</div>
	
	<div id="rightfooter">
	<div ="smallfooterlink">
	<br>
    <strong><a href="http://mommyikeepitgangsta.com/blog/category/announcements/">MORE ANNOUNCEMENTS →</a></strong>
    </div>
    </div>
	
	</div>
	


    
    
    
    
    
    
    <div class="clr"></div>
    </div>


<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
<div id="footer2" role="contentinfo">
	<br>
	<div style="display:block; text-align:left; float:left;">Copyright &copy; 2010 Mommy i keep it gangsta X 13th Unit</div>
	<div style="display:block; text-align:right;"><a href="#">Back to top ^</a></div>
</div>
		<?php wp_footer(); ?>


</div> 




</body>

Alles anzeigen

Und hier die index.php:

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */


get_header(); ?>


	<div id="content" class="narrowcolumn" role="main">


	<?php if (have_posts()) : ?>


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


			<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
				<small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>


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


				<p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>  <?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>
			</div>


		<?php endwhile; ?>


		<div class="navigation">
			<div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
			<div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
		</div>


	<?php else : ?>


		<h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>
		<p class="center"><?php _e('Sorry, but you are looking for something that isn’t here.', 'kubrick'); ?></p>
		<?php get_search_form(); ?>


	<?php endif; ?>


	</div>
	




<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

So also nun für ganz dumme. was muss ich machen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Design Problem. Alles kaputt.

Jetzt mitmachen!