Darstellungsproblem in Chrome / Firefox

Baloo

Hallo
ich hoffe ich bin in der richtigen kategorie!
seit gestern beschäftige mich mit der umsetzung meiner seite in WP.
die seite wird bis auf den fehler im header nur im chrome browser - siehe bild - korrekt angezeigt.
unter firefox ist alles ok -

zur info: ich nutze die neuste version von wp 4.2.2–de_DE.

diese seite gibt es auch als normale html seite. hier tritt der fehler im chrome browser nicht auf.

was bitte läuft da falsch? kann mir da einer helfen?

danke im voraus...

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

chilidog

Ein paar Screenshots nützen uns zur Hilfe reichlich wenig, ein Link zu Deiner Seite wäre da viel interessanter, damit man sich das mal Live ansehen kann ---> siehe Forenregeln!

Das es zwischen den verschiedenen Browsern hin und wieder zu Darstellungsfehlern kommt ist nicht neu.

Baloo

Zitat von chilidog

Ein paar Screenshots nützen uns zur Hilfe reichlich wenig, ein Link zu Deiner Seite wäre da viel interessanter, damit man sich das mal Live ansehen kann ---> siehe Forenregeln!
Das es zwischen den verschiedenen Browsern hin und wieder zu Darstellungsfehlern kommt ist nicht neu.

--

Hi,
ja, sorry hab ich vergessen.
ambs.de/WordPress/index.php

Gruß Baloo

maxe

Ich denke das kommt daher, weil body eine line-height via css bekommt.

Baloo

Zitat von maxe

Ich denke das kommt daher, weil body eine line-height via css bekommt.

--
Warum bitte, tritt der fehler nur im chrome auf und der firefox brigt das ganze sauber rüber?
als normale HTML seite tritt der fehler nicht auf!

Zur Info:
ich habe im body line-height herausgenommen und neu geladen. leider ändert sich im header beim chrome nichts.

chilidog

Zitat von Baloo

--
Warum bitte, tritt der fehler nur im chrome auf und der firefox brigt das ganze sauber rüber?
als normale HTML seite tritt der fehler nicht auf!
Zur Info:
ich habe im body line-height herausgenommen und neu geladen. leider ändert sich im header beim chrome nichts.

Wie oben schon geschrieben, sind Darstellungsprobleme zwischen den einzelnen Browsern nichts ungewöhnliches, war früher aber - meiner Meinung nach - viel schlimmer.

Suche mal folgendes in Deiner style.css Datei:

header #topNavigation { width:auto; padding:7px 10px 10px 10px; float:right; background:rgba(255, 255, 255, 0.8); border-radius: 0px 0px 5px 5px; }

[FONT=verdana]Und setze den ersten Wert (7px) mal auf 0px - der erste Wert sollte der Abstand nach oben sein. Ein Versuch wäre es mal wert.[/FONT]

maxe

hast du am Template rum gebastelt?

Wenn ich über das Developer Tool von Chrome (F12) in deinen Code gucke, finde ich dort den merkwürdigen Code & # 6 5 2 7 9 ; und & s h y ; im Head-Bereich:

HTML

[B]& # 6 5 2 7 9 ;[/B]
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <!--<![endif]-->


  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Seitentitel</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="http://ambs.de/WordPress/wp-content/themes/immoseite/style.css">
  <script src="http://ambs.de/WordPress/wp-content/themes/immoseite/js/libs/modernizr-2.5.3.min.js"></script>[B]& s h y ;[/B]

Alles anzeigen

Baloo

Zitat von maxe

hast du am Template rum gebastelt?

Wenn ich über das Developer Tool von Chrome (F12) in deinen Code gucke, finde ich dort den merkwürdigen Code & # 6 5 2 7 9 ; und & s h y ; im Head-Bereich:

HTML

[B]& # 6 5 2 7 9 ;[/B]
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <!--<![endif]-->


  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Seitentitel</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="http://ambs.de/WordPress/wp-content/themes/immoseite/style.css">
  <script src="http://ambs.de/WordPress/wp-content/themes/immoseite/js/libs/modernizr-2.5.3.min.js"></script>[B]& s h y ;[/B]

Alles anzeigen

--

Hi,
so ne ....
im original

PHP

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title><?php if( is_home() ){ echo bloginfo('name'); }else{ wp_title('&raquo;', true, 'right'); echo bloginfo('name'); } ?></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css">
  <script src="<?php bloginfo('template_url'); ?>/js/libs/modernizr-2.5.3.min.js"></script>

Alles anzeigen

ist davon nichts zu sehen...

wo bitte zaubert chrome das her?

Baloo

Hi,
hat leider nicht gefunzt.

im body line-height: auf 0; gesetzt.
in der header #topNavigation { width:auto; padding:7px 10px 10px 10px; float:right; background:rgba(255, 255, 255, 0.8); border-radius: 0px 0px 5px 5px; line-height: 1.4; }
und
#mainNavigation { background:#3399cc; width:auto; padding:8px 0 10px 0; text-transform:uppercase; margin-bottom:34px; font-size:1.3em; line-height: 1.4; }

dann funzt es!

Baloo

Hi maxe,
das hat zwar so gefunzt, aber dann wird über die Anweisung

<?php get_header(); ?>
<div id="maincontent" role="main">
<?php if(have_posts()): while ( have_posts() ): the_post();
the_template_part('content');
endwhile; else: ?>
<article>
<h2>Leider keine Inhalte gefunden...</h2>
<p>Auf dieser Seite sind noch keine Inhalte hinterlegt.</p>
<div class="articleFooter">
<p class="date"><span class="icon"></span> <time datetime=""></time>...</p>
<p class="categories"><span class="icon"></span> <a href="#">...</a>, <a href="#">...</a></p>
<p class="author"><span class="icon"></span> <a href="#" rel="author">...</a></p>
</div>
</article
<?php endif ?>
<div class="shadow"></div>
</div>
</div>
</div>
<?php get_footer(); ?>

der Content Text nicht korrekt ausgelesen.
Ändere ich in der css Datei body { background:url(img/hg.jpg) left repeat-y; font: 0.83em Tahoma, Geneva, sans-serif; color:#454545; line-height: 1.4; }
p { margin:0 0 20px 0; }

und lasse [COLOR=#333333]in der header #topNavigation { width:auto; padding:7px 10px 10px 10px; float:right; background:rgba(255, 255, 255, 0.8[/COLOR][COLOR=#333333]; border-radius: 0px 0px 5px 5px;[/COLOR] }
sowie #mainNavigation { background: #3399cc; width: auto; padding: 8px 0 10px 0; text-transform: uppercase; margin-bottom: 34px; font-size: 1.3em: }

wird der content Text korrekt ausgegeben, aber dann habe ich wieder im header spring.
Unter Chrome (F12) - siehe Bild -

erhalte ich 2x die gleiche Meldung.

(function(define, require, requireNative, requireAsync, exports, console, privates,$Array, $Function, $JSON, $Object, $RegExp, $String, $Error) {'use strict';
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

// Handles uncaught exceptions thrown by extensions. By default this is to
// log an error message, but tests may override this behaviour.
var handler = function(message, e) {
[COLOR=#ff0000]console.error(message);[/COLOR]
};

ich bitte um Hilfe!
Danke!

Baloo

Zitat von maxe

hast du am Template rum gebastelt?

Wenn ich über das Developer Tool von Chrome (F12) in deinen Code gucke, finde ich dort den merkwürdigen Code & # 6 5 2 7 9 ; und & s h y ; im Head-Bereich:

HTML

[B]& # 6 5 2 7 9 ;[/B]
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <!--<![endif]-->


  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Seitentitel</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="http://ambs.de/WordPress/wp-content/themes/immoseite/style.css">
  <script src="http://ambs.de/WordPress/wp-content/themes/immoseite/js/libs/modernizr-2.5.3.min.js"></script>[B]& s h y ;[/B]

Alles anzeigen

[COLOR=#333333]Hi maxe,[/COLOR]
[COLOR=#333333]das hat zwar so gefunzt, aber dann wird über die Anweisung [/COLOR]

[COLOR=#333333]<?php get_header(); ?> [/COLOR]
[COLOR=#333333]<div id="maincontent" role="main">[/COLOR]
[COLOR=#333333]<?php if(have_posts()): while ( have_posts() ): the_post();[/COLOR]
[COLOR=#333333]the_template_part('content');[/COLOR]
[COLOR=#333333]endwhile; else: ?>[/COLOR]
[COLOR=#333333]<article>[/COLOR]
[COLOR=#333333]<h2>Leider keine Inhalte gefunden...</h2>[/COLOR]
[COLOR=#333333]<p>Auf dieser Seite sind noch keine Inhalte hinterlegt.</p>[/COLOR]
[COLOR=#333333]<div class="articleFooter">[/COLOR]
[COLOR=#333333]<p class="date"><span class="icon"></span> <time datetime=""></time>...</p>[/COLOR]
[COLOR=#333333]<p class="categories"><span class="icon"></span> <a href="#">...</a>, <a href="#">...</a></p>[/COLOR]
[COLOR=#333333]<p class="author"><span class="icon"></span> <a href="#" rel="author">...</a></p>[/COLOR]
[COLOR=#333333]</div>[/COLOR]
[COLOR=#333333]</article [/COLOR]
[COLOR=#333333]<?php endif ?>[/COLOR]
[COLOR=#333333]<div class="shadow"></div>[/COLOR]
[COLOR=#333333]</div>[/COLOR]
[COLOR=#333333]</div>[/COLOR]
[COLOR=#333333]</div>[/COLOR]
[COLOR=#333333]<?php get_footer(); ?>[/COLOR]

[COLOR=#333333]der Content Text nicht korrekt ausgelesen.[/COLOR]
[COLOR=#333333]Ändere ich in der css Datei body { background:url(img/hg.jpg) left repeat-y; font: 0.83em Tahoma, Geneva, sans-serif; color:#454545; [/COLOR]line-height: 1.4; }und lasse in der header #topNavigation und bei der mainNavigation lasse jeweilen line-height: 1.4; weg
wird der content Text korrekt ausgelesen, aber dann habe ich die wieder das Problem im header.

Drücke ich unter Chome (F12) erhalte ich folgende Fehlermeldungen.

(function(define, require, requireNative, requireAsync, exports, console, privates,$Array, $Function, $JSON, $Object, $RegExp, $String, $Error) {'use strict';
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

// Handles uncaught exceptions thrown by extensions. By default this is to
// log an error message, but tests may override this behaviour.
var handler = function(message, e) {
[COLOR=#ff0000]console.error(message);[/COLOR]
};

Error in event handler for extension.onRequest: chrome.extension.onRequest content.js has wrong request.namehandler @ extensions::uncaught_exception_handler:8exports.handle @ extensions::uncaught_exception_handler:100EventImpl.dispatch_ @ extensions::event_bindings:384EventImpl.dispatch @ extensions::event_bindings:401target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94messageListener @ extensions::messaging:188target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:395target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:379EventImpl.dispatch @ extensions::event_bindings:401target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94dispatchOnMessage @ extensions::messaging:316
content.js:15 VK. Startup (background is ready)
extensions::uncaught_exception_handler:8 Error in event handler for extension.onRequest: chrome.extension.onRequest content.js has wrong request.namehandler @ extensions::uncaught_exception_handler:8exports.handle @ extensions::uncaught_exception_handler:100EventImpl.dispatch_ @ extensions::event_bindings:384EventImpl.dispatch @ extensions::event_bindings:401target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94messageListener @ extensions::messaging:188target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:395target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:379EventImpl.dispatch @ extensions::event_bindings:401target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94dispatchOnMessage @ extensions::messaging:316

ich arbeite zum ersten mal mir wp und kenne mich noch nicht so gut aus.
Danke !

Baloo

Ich habe den Fehler gefunden.
Trotzdem Danke!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellungsproblem in Chrome / Firefox

Jetzt mitmachen!