Header blog niet goed zichtbaar in IE8

Status
Niet open voor verdere reacties.
Je hebt dus:
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="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<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(); ?>
</head>
<body>
<div id="page">


<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>
<hr />

Hoe maak je ervan wat jij wil, dus die dubbele link eruit halen?
 
Merkwaardige zaken! :shocked:
In je post nr.#11 staat in de php:
HTML: 
<div id="headerimg">
	<a href="<?php bloginfo('url'); ?>/">
	<div class="headertxt">
		<a href="<?php bloginfo('url'); ?>/">
		<?php bloginfo('name'); ?></a>
	</div>
	</a><!-- <?php bloginfo('description'); ?> -->
</div>
en daarin staat ook een <div id="container"> meteen na de <body>.
Op deze manier zou de dubbele link er in moeten komen, zoals de output in de html aangeeft. - Dat klopt dan.

Maar nu geef je in nr.#22 als php op:
HTML: 
<div id="headerimg">
        <h1><a href="<?php echo get_option('home'); ?>/">
        <?php bloginfo('name'); ?></a></h1>
        <div class="description"><?php bloginfo('description'); ?></div>
</div>
Dat ziet er uit als de goede enkele link. Maar die komt niet in de output tevoorschijn die ik op 't moment zie!

Verder nog wat afwijkingen t.o.v. de andere: hier zit er geen <div id="container"> meteen na de <body> in, en de <div class="headertxt"> is vervangen door een <h1>. Maar in de html-broncode is nog steeds die container te zien, en ook de class="headertext"; en geen <h1>.

Rijst de vraag: heb je de nieuwe versie al ge-upload? (en: kan de <div id="container"> wel gemist worden?)

Met vriendelijke groet,
CSShunter
 
Ik heb die layout via Wordpress 3.0.1 gedownload en dit is de persoon die voor alle ellende verantwoordelijk is: http://countrygirl1708.blogspot.com/p/about-me.html
Ik heb verder geen nieuwe versies geupload, ik heb alleen het zinnetje over IE8>IE7 erin gezet en die moest van het document op regel 5, zodra ik die op 6 zette ging hij weer automatisch naar regel 5.
 
Het begint aardig WildWest te worden! :D
Maar ik bedoelde alleen de vraag: als je de header.php (die van nr.#22) lokaal zo op je kast hebt staan, heb je die dan ook naar de server van de provider ge-upload, in het goede mapje daarvoor? Dat kan haast niet, anders kan er niet aan html uit komen wat er nu uit komt...
 
Ja, hij is ge-upload naar header.php in de map waar de template staat.
Die template heb ik via Wordpress 3.0.1 gedownload, via de software zelf onder 'Appearance'>'Manage Themes'>'Install Themes'.
Die is toen in een map genaamd 'spring-blossom' in de 'themes' map gezet.
Volgens mij hoort dit zo.
 
Echter, http://www.fernridgemanor.com/main/, een site met een template gebaseerd op de Spring Blossom 1.1.1 van mij is wél goed zichtbaar in IE8.

HTML: 
<div id="header">
     <div id="headerimg"><a href="http://www.fernridgemanor.com/main/"><div class="headertxt"><a href="http://www.fernridgemanor.com/main/">FernRidge Farm</a></div></a><!-- Farm, Family and General Commentary --></div>

    
<div class="topmenu">
<ul>
    <div class="topmenu_home"><a href="http://www.fernridgemanor.com/main" title="Home" >Home</a></div><li class="page_item page-item-2"><a href="http://www.fernridgemanor.com/main/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-224"><a href="http://www.fernridgemanor.com/main/?page_id=224" title="Photo Gallery">Photo Gallery</a></li>
<li class="page_item page-item-6"><a href="http://www.fernridgemanor.com/main/?page_id=6" title="The Farm">The Farm</a></li>
</ul>
    </div>
</div>

En dan die van mij:
HTML: 
<div id="header">
     <div id="headerimg"><a href="http://www.februariblog.nl/"><div class="headertxt"><a href="http://www.februariblog.nl/">Februari 2011 Blog</a></div></a><!-- Weblog over carnaval en Valentijnsdag --></div>
    
<div class="topmenu">
<ul>
    <div class="topmenu_home"><a href="http://www.februariblog.nl" title="Home" >Home</a></div><li class="page_item page-item-2"><a href="http://www.februariblog.nl/?page_id=2" title="About">About</a></li>

</ul>
    </div>
</div>
 
Er blijkt trouwens ook een verschil bij die site te zitten, maar minder dan bij de Februari weblog.
 
Volgens mij zit het dus in de structuur van deze template.
Ik denk dat ik met mijn medebloggers eens goed moet gaan overleggen of we niet een andere template kunnen nemen of gewoon verder gaan hiermee.
Op zich is het probleem nu niet heel groot omdat hij met 'padding-top: 55px;' niet gaat overlappen in IE8.
Maar het staat gewoon niet erg professioneel...
 
Tja ... als ik met Firebug ga kijken naar de www.februariblog.nl en naar de www.fernridgemanor.com, dan zie ik bij de laatste de:
HTML: 
<body><div id="container"><div id="page">
<div id="header">
	 <div id="headerimg">... enz.
... zoals die volgorde de bedoeling is.
Maar bij het februariblog blijkt er vóór de <div id="header"> nog een extra <div id="_atssh"> van 1x1px ... met een iframe in verstopt te zitten tussen de <body> en de <div id="container">. :eek:
Dat had ik eerder nog niet gezien in de broncode: en dat kon ook niet, want dit wordt er in gezet met een javascript (met "view generated source" in de FF Web Developer Toolbar kan je het weer wel zien, maar op dat idee was ik nog niet gekomen).
Het blijkt te gaan om een widget van "addthis.com", die er automatisch het "bladwijzer & delen" image met aangehangen pop-up'je bij zet.
lg-share-nl.gif
Misschien zou dat IE8 van de wijs kunnen brengen.

In elk geval staat de fernridgemanor ook bol van de html-zonden, en mist volgens de signalen dezelfde </div> als die in februariblog gemist wordt ... dus die missende div zal het waarschijnlijk toch niet zijn. Hoewel, in combinatie met die extra div...?

Afijn, zo langzamerhand lig ik er een beetje uit: ik heb hier geen IE8 bij de hand, evenmin WordPress (ook nooit iets mee gedaan), en zonder die twee kan ik niets meer aan analyse of oplossing verzinnen dan wat ik eerder vanuit m'n common sense (of wat daarvoor door moet gaan ;) ) heb bedacht.

Succes!
CSShunter
 
Laatst bewerkt:
Jammer, maar ik ben niet van plan AddThis te verwijderen.
Dat kan namelijk wel eens veel meer bezoekers opleveren omdat mensen gemakkelijk informatie/links over mijn artikelen op Tiwtter/Facebook/NuJij/Digg enz. kunnen zetten.
En omdat de header in IE8 niet meer overlapt laat ik het zo maar zeer jammer is het wel.

Ik vraag me ook even af hoeveel procent van de Nederlanders IE8 heeft?

Tenslotte heb ik de eigenaar van www.fernridgemanor.com even een mailtje gestuurd, bij hem zag ik echter ook een klein verschil.
Mogelijk kent deze man degene die verantwoordelijk is voor de layout, ze komen allebei uit Amerikaanse boerengezinnen.
 
De tekst overlapt dus niet, dus laat ik het zo.
Maar volgend jaar moet dit zeker beter aangepakt worden.
 
Ik ben weer terug van vakantie in Parijs.
Ik moet even melden dat meer wordpress blogs last hebben van veranderende layouts.
Zie maar het verschil van collega-blogger DutchMedia in FF en IE8.
Het zit daar echt in de letters die bij IE8 wijder uit elkaar staan.
 
Ik heb AddThis weggehaald maar het maakt allemaal niets uit.
Ik zit toch voorzichtig te kijken naar een andere layout...
 
Ik heb een nieuw, veel beter thema gevonden.
Zowel in IE8 als in FF is hij goed te zien.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan