header.jpg funziona in FF ma non in IE

**pikus** · 27-06-2009, 21:05

Ciao!

Sapete dirmi qual e' il problema nel mio sito?

Riesco a vedere l'header.jpg su firefox, ma non si internet explorer.

Si riesce a vedere su IE7 se si attiva il "dev", ma solo in questo caso.

Aiutoooo

**pikus** · 28-06-2009, 10:48

risolto da solo!

grazie lo stesso

**Ht28** · 28-06-2009, 10:49

Originariamente inviato da pikus
Ciao!

Sapete dirmi qual e' il problema nel mio sito?

Riesco a vedere l'header.jpg su firefox, ma non si internet explorer.

Si riesce a vedere su IE7 se si attiva il "dev", ma solo in questo caso.

Aiutoooo

Io vedo tutto uguale con FF e IE8, prova a vuotare la cache (file temporanei)

**pikus** · 28-06-2009, 11:41

beh, adesso si che funziona bene! come ho scritto sopra, il problema l'ho gia' risolto da solo!

nell'header.php al posto di

Codice PHP:


<div class="Header-jpeg"></div>

ho dovuto mettere un semplice

Codice PHP:


<center> [img]http://www.security-exchange.net/makeup/wp-content/themes/wp_005/images/Header.jpg[/img] </center>

no riesco a capire perche' internet explorer non accetta quel CSS...

**Ht28** · 28-06-2009, 11:48

Originariamente inviato da pikus
beh, adesso si che funziona bene! come ho scritto sopra, il problema l'ho gia' risolto da solo!

nell'header.php al posto di

Codice PHP:


<div class="Header-jpeg"></div>

ho dovuto mettere un semplice

Codice PHP:


<center> [img]http://www.security-exchange.net/makeup/wp-content/themes/wp_005/images/Header.jpg[/img] </center>

no riesco a capire perche' internet explorer non accetta quel CSS...

Tieni presente che <center> è deprecato percui non credo passi la validazione W3C
http://www.w3schools.com/TAGS/tag_center.asp

**pikus** · 28-06-2009, 12:10

si, pero' grazie a questo "center" il banner header.jpg si vede su internet explorer...

usando il div, senza il center il banner sparisce e si vede un buco bianco

**Ht28** · 28-06-2009, 12:13

Originariamente inviato da pikus
si, pero' grazie a questo "center" il banner header.jpg si vede su internet explorer...

usando il div, senza il center il banner sparisce e si vede un buco bianco

Posta tutto il css che vediamo

**Ht28** · 28-06-2009, 12:23

L'ho trovato, mettilo così:

codice:

div.Header-jpeg{
position:absolute;
background-image:url(images/Header.jpg);
background-repeat:no-repeat;
text-align:center;
height:125px;
width:998px;
left:0;
top:0;
z-index:-1;
}

**pikus** · 28-06-2009, 12:31

quello che vedevo era questo:

I CSS li potete trovare nel source del e si chiamano:

style.css pagenavi-css.css style.ie6.css sito

L'header.php era questo:

Codice 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'); ?>" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }

elseif (is_single() ) { single_post_title(); }

elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }

else { wp_title('',true); } ?></title>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>

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



<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>    

<?php wp_head(); ?>

</head>

<body>

<div class="PageBackgroundGradient"></div>

<div class="Main"><div class="Sheet"><div class="Sheet-tl"></div><div class="Sheet-tr"><div></div></div><div class="Sheet-bl"><div></div></div><div class="Sheet-br"><div></div></div><div class="Sheet-tc"><div></div></div><div class="Sheet-bc"><div></div></div><div class="Sheet-cl"><div></div></div><div class="Sheet-cr"><div></div></div><div class="Sheet-cc"></div><div class="Sheet-body">

<div class="nav">

<ul class="artmenu">

<?php art_menu_items(); ?>[/list]

<div class="l"></div><div class="r"><div></div></div></div>

<div class="Header">

<div class="Header-jpeg"></div>

<div style="float:left;">

<div class="logo">

<h1 id="name-text" class="logo-name">

[url="<?php echo get_option('home'); ?>/"]<?php bloginfo('name'); ?>[/url]</h1>

<div id="slogan-text" class="logo-text">

<?php bloginfo('description'); ?></div>

</div></div>

<div style="float:left;margin:40px 10px 0 500px;height:70px;">

<?php echo stripslashes(get_option('wps_home_ad_468')); ?>

</div></div>

e il php che c'e' adesso e' questo:

Codice 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'); ?>" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }

elseif (is_single() ) { single_post_title(); }

elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }

else { wp_title('',true); } ?></title>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>

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



<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>    

<?php wp_head(); ?>

</head>

<body>

<div class="PageBackgroundGradient"></div>

<div class="Main"><div class="Sheet"><div class="Sheet-tl"></div><div class="Sheet-tr"><div></div></div><div class="Sheet-bl"><div></div></div><div class="Sheet-br"><div></div></div><div class="Sheet-tc"><div></div></div><div class="Sheet-bc"><div></div></div><div class="Sheet-cl"><div></div></div><div class="Sheet-cr"><div></div></div><div class="Sheet-cc"></div><div class="Sheet-body">

<div class="nav">

<ul class="artmenu">

<?php art_menu_items(); ?>[/list]

<div class="l"></div><div class="r"><div></div></div></div>

<div class="Header">

<center>

[img]http://www.security-exchange.net/makeup/wp-content/themes/wp_005/images/Header.jpg[/img]

</center>

<div style="float:left;">

<div class="logo">

<h1 id="name-text" class="logo-name">

[url="<?php echo get_option('home'); ?>/"]<?php bloginfo('name'); ?>[/url]</h1>

<div id="slogan-text" class="logo-text">

<?php bloginfo('description'); ?></div>

</div></div>

<div style="float:left;margin:40px 10px 0 500px;height:70px;">

<?php echo stripslashes(get_option('wps_home_ad_468')); ?>

</div></div>

spero le informazioni siano sufficienti

aggiungo ancora che ieri ho provato anche a modificare lo style.css in tanti modi nei punti:

codice:

div.Header{height:125px;margin:0 auto;position:relative;width:998px;z-index:0} 

div.Header-jpeg{background-image:url('images/Header.jpg');background-position:center center;background-repeat:no-repeat;height:125px;left:0;position:absolute;top:0;width:998px;z-index:-1}

e' stato provato senza:z-index:-1,z-index:0, con float e in altre varianti.
anche il possibile errore background-position:center center e' stato provato con il center una sola volta, ma anche questo non risolveva il problema...

quindi ho ripristinato lo style.css originale che potete trovare sul sito in questo momento

**Ht28** · 28-06-2009, 12:34

Metti questo:

codice:

div.Header-jpeg{
position:absolute;
background-image:url(images/Header.jpg);
background-repeat:no-repeat;
text-align:center;
height:125px;
width:998px;
left:0;
top:0;
z-index:-1;
}

Il riferimento ufficiale per i codici è questo:
http://www.w3schools.com/css/css_reference.asp

Discussione: header.jpg funziona in FF ma non in IE

Strumenti discussione

Ricerca discussione

Visualizza

header.jpg funziona in FF ma non in IE

Re: header.jpg funziona in FF ma non in IE

Permessi di invio