Design Fehlerhafte Anzeige

Gassi

Hallo Leute,

habe ein Problem mit meiner Seite Europa Truck-Trial

Wenn ich auf diese Seite mit meinem PC WinVista und IE 7 gehen passt alles, aber nutze ich meinen Firmen PC Win2000 IE 6 dann schaut die Seite ganz anders aus.

z.b. oben wo das Trucktrial Logo ist habe ich dann plötzlich einen weißen kleinen Balken und den Inhalt [COLOR=#000000]7. Lauf zur Truck Trial Europameisterschaft 2008.... rückt es weiter runter.[/COLOR]

Was kann ich dagegen machen?

Ich kann doch nicht von den Besuchern verlangen das Sie den IE7 installiert haben damit die Seite richtig angezeigt wird.

Bitte um Hilfe.

Danke

lg, Gassi

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

marX

Du hast ne Menge Markup-Fehler drin, die können den 6er schell aus dem Tritt bringen:
[Invalid] Markup Validation of http://www.europatruck-trial.com/cms/ - W3C Markup Validator

Ansonsten gibts im Netz ne Menge Tutorials und Workarounds für die diversen Bugs, die der IE6 bekanntlich hat.

Gassi

Danke für die schnelle Antwort, aber kannst du mir vielleicht einen Tipp geben wie oder welchen Code ich ändern sollte?

lg, Gassi

marX

Es geht los in deiner #navigation (header.php?), wo der 1. Link (Home) nicht in ein <li> eingeschlossen ist. Das dürfte schon einige Fehlermeldungen verursachen.

Weiter gehts nach , zwischen <div id="main"> und <div id="sidebar">. Dort steht ein <style>-Abschnitt. <style> ist aber nur im <head>-Bereich erlaubt.

Gleich das erste Sidebar-Element ist ebenfalls fehlerhaft, das steht ein <p> unmittelbar nach <ul>, hier fehlt ebenfalls das <li>-Element. Dürfte auch einige Folgemeldungen verursachen.
Beheb die 3 Dinge mal, dann schauen wir weiter.

Gassi

Danke, dir habe jetzt ein paar sachen die ich gefunden habe erledigt.

Mein Html ist aber leider nicht so gut.

Geändert hat es aber leider noch nichts am Design.

Vielleicht kannst du mir weiter helfen?

Danke

lg, Gassi

marX

Naja, viel hat sich nicht getan. Die meisten Fehler die ich dir erklärt hab, stehen immernoch drin. ;-)

Eine Einführung in HTML gibts übrigens bei SELFHTML. Ich fürchte, du wirst schon ein Grundverständnis für HTML + CSS haben müssen, sonst wirst du nicht verstehen, wie es zu den Fehlern im IE6 kommt, und wie du die Workarounds anwendest. Oder du suchst dir jemanden, der dir das gegen ne kleine Gegenleistung macht (-> Jobbörse-Unterforum).

Gassi

Danke ich werde es einmal so probieren, vielleicht kann mir noch jemand einen Tipp geben.

marX

Versuch doch erstmal die Fehler zu beheben die ich dir angesagt habe. So kompliziert ist das nicht. Zum Beispiel der in der #navigation. du kannst auch gerne mal den entsprechenden Quellcode - wahrscheinlich aus der ehader.php - posten, und ich erklärs dir am Beispiel.

Gassi

Danke das wäre super hier der code header.php

PHP

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
<link href="style.css" rel="stylesheet" />
<style type="text/css">
<!--
.Stil2 {color: #000000}
a:link {
 color: #000000;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #000000;
}
a:hover {
 text-decoration: none;
 color: #b51621;
}
a:active {
 text-decoration: none;
 color: #000000;
}
-->
</style>
</head>
<body>
<div align="center">
  <div id="wrap">
    <div id="header">
    <div id="navigation">
      <ul>
         <span class="Stil2"><a href="http://www.europatrucktrial.org/cms/">Home</a></li>&nbsp;</span>&nbsp;&nbsp;&nbsp; <?php wp_list_pages('title_li'); ?>
      </ul>
    </div>
 
    </div>
      <div id="title">
          <h1>&nbsp;</h1>
  <div class="description"><?php bloginfo('description'); ?></div>
      </div><!-- end of header -->

Alles anzeigen

marX

Schau, hier ist der Fehler:

PHP

<div id="navigation">
      <ul>
         [color=red]<span class="Stil2"><a href="http://www.europatrucktrial.org/cms/">Home</a></li>&nbsp;</span>&nbsp;&nbsp;&nbsp; [/color]<?php wp_list_pages('title_li'); ?>
      </ul>
    </div>

Alles was rot markiert ist darf hier nicht stehen. Direkt innerhalb eines <ul> ist ausschließlich <li> erlaubt. Dein Code müsste also eher so aussehen:

PHP

<div id="navigation">
      <ul>
         [color=green]<li>[/color]<span class="Stil2"><a href="http://www.europatrucktrial.org/cms/">Home</a>[color=green]</span></li>[/color]
         <?php wp_list_pages('title_li='); ?>
      </ul>
    </div>

Gassi

Danke dir für die Hilfe, aber im head bereich habe ich noch immer diesen weißen Streifen und ab den Inhalt [COLOR=#000000]7. Lauf zur Truck Trial Europameisterschaft 2008.... rückts mir alles weiter runter.[/COLOR]

lg, Gassi

marX

Gehts dir nicht schnell genug? :-D Das war ja nur 1 Fehler, und der ist immernoch da, wenn auch anders. Jetzt sind da plötzlich 2 <ul> bei dir, und vor dem </ul> ist noch ein falsches <br />.

Abgesehen davon, ich hab nicht behauptet, das es an den Fehlern liegt. Es könnte daran liegen, fehlerhaftes Markup ist aber nur 1 mögliche Ursache für solche Fehler. Es macht aber die Fehlersuche danach deutlich leichter.

Nachtrag: Der Abstand im Artikel "könnte" von der Breite der Tabelle kommen, diese "könnte" zu breit sein für den IE6. Mach die vielleicht mal ein paar Pixel schmaler. Der Abstand oben "könnte" von der Blogüberschrift (#title h1) kommen. Blende diese mal mit display:none aus (style.css, Zeile 69). Wie gesagt, "könnte". Leider gibts keine Entwicklerwerkzeuge für den IE6...

Gassi

Danke, das mit den weissen Balken habe ich jetzt schon weg bekommen.

Das er mir aber im IE6 die Artikel die ich in einer Tabelle schreibe oder Bildergalerie und Forum noch nach unten gerückt werden, ist mir ein Rätsel.

lg, Gassi

marX

Der IE6 interpretiert float/clear anders als andere Browser, ich hätte zuerst darauf getippt. Aber auf den 1. Blick hab ich da bei dir auch nix gesehen, daher die Idee mit der Breitenangabe. Der IE6 berechnet u.U. nämlich auch Größen anders als andere. ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Design Fehlerhafte Anzeige

Jetzt mitmachen!