Mon ami IE6 et les CSS

KAMI · 19 Fev 2008

Bien le bonjour à tous :=)

Comme vous pouvez le voir dans le titre, j'ai un petit gros problème avec IE et mon site internet que je dois développer pour mon stage

Comme vous pouvez le voir, il y a un bug avec less css au dessus. En effet au dessus il y a des margin pour coller le design contre le bord de la page et sous internet explorer 6 il ne prend pas en compte ces margin.

Comment puis je faire pour contourner cette non prise des margin ?

D'avance merci à tous.

Jereck · 19 Fev 2008

https://www.gamerz.be/programmation-php-/t-faire-respecter-les-standards-web-avec-ie-177863.html ?

NoBrain · 19 Fev 2008

ie 6 comprend les marges donc c'est pas ça le problème. Différemment suivant le box model.
Envois le code, on est pas dans la matrice hein

KAMI · 19 Fev 2008

Page index.

PHP:

<?php
session_start();
error_reporting(4);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-style-type" content="text/css" />
	<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1"/>
	<meta HTTP-EQUIV="Content-Language" CONTENT="fr"/> 
	<meta name="DC.Format" content="text/html" />
	<title>Intranet Web Page</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	
</head>
<body>
<div id="bigbig">
	<div class="cote">
		<div id="hyperbloc">
			<div id="blocbanniere">
				<br><span class="administra"><a href="index.php?page=zone_admin">Administration</a></span>
				<?php 
					if(($_SESSION['is_logged'] == TRUE)){
						echo('<br/><span class="administra"><a href="index.php?page=logout">Logout</a></span>');
					} 
				?>
			</div>
			<div id="bloccontenu">
				<?php
					switch($_GET['page']){
						case 'zone_admin' : include ('auth.php');break;
						case 'administration' : include('admin.php');break;
						case 'verif' : include('verif.php');break;
						case 'allnews' : include('grandnews.php');break;
						case 'logout' : include('logout.php');break;
						default : include('accueil.php');break;
					}
				?>
			</div>
		</div>
		</div>
	</div>
</body>
</html>

Le CSS. Faut dire que le CSS et moi on est pas de grand copain :-D

PHP:

#bigbig{
	height:100%;
	width:100%;
	/*border:1px red solid;*/
	display:block;
	margin-top:-15px;
}
.cote{
	height:120px;
	width:101.5%;
	background-image:url(images/Untitled-1_03.gif);
	margin-left:-15px;
	/*margin-right:-30px;*/
	background-repeat:repeat-x;
}
#hyperbloc{
	margin:auto;
	height:586px;
	width:898px;
	margin-top:-15px;
}
#blocbanniere{
	margin:auto;
	height:120px;
	width:898px;
	background-image:url(images/petit_01.gif);
	background-repeat:no-repeat;
}
#bloccontenu{
	margin:auto;
	height:466px;
	width:898px;
	background-image:url(images/petit_03.gif);
	background-repeat:no-repeat;
	
}

Maleki · 19 Fev 2008

Effectivement... Il y a quelques incohérences.

A quoi sert la div bigbig ? Je ne vois pas son utilité.
Dans la div cote, tu indiques une hauteur de 120px alors que ta bannière et ton contenu (d'une hauteur de 586px) sont à l'intérieur ?
En gros, c'est comme si tu essayais de faire rentrer un éléphant dans une Smart. :-D
Peut-être est-ce les marges négatives qui posent problème ?

Sur Firefox, cela donne quoi ?

KAMI · 19 Fev 2008

Maleki a dit:
Effectivement... Il y a quelques incohérences.

A quoi sert la div bigbig ? Je ne vois pas son utilité.
Dans la div cote, tu indiques une hauteur de 120px alors que ta bannière et ton contenu (d'une hauteur de 586px) sont à l'intérieur ?
En gros, c'est comme si tu essayais de faire rentrer un éléphant dans une Smart. :-D
Peut-être est-ce les marges négatives qui posent problème ?

Sur Firefox, cela donne quoi ?

Aucun problèmes sur firefox et IE7

EDIT j'ai corrigé le problème de la banière

petite faute d'inattention, c'est ce qui arrive quand on fait plusieurs choses à la fois

KAMI · 20 Fev 2008

Jereck a dit:
https://www.gamerz.be/programmation-php-/t-faire-respecter-les-standards-web-avec-ie-177863.html ?

Heu je cherche je cherche mais je ne vois pas trop ce que je dois en faire. Quand je navigue sur ton lien, il me sort une fonction de fou :[]. Pas question de mettre le script qui link vers le code source car mon site reste en local et j'ai n'ai pas d'accès vers l'extérieur.

Pour le moment je n'ai pas de moyen de tester ce que je viens de faire. j'ai créé un fichier respect.js qui contient la fonction complète et dans le head de mon index j'ai mis un lien vers ce fichier. Suis je dans le bon ?

Maleki · 21 Fev 2008

Oui, je suppose.
Ton lien donne-t-il ceci :

PHP:

<!--[if lt IE 7]>
<script src="respect.js" type="text/javascript"></script>
<![endif]-->

? En supposant que respect.js se situe bien-sûr dans le même répertoire.
Mais je ne comprends pas, tu as finalement réglé ton problème ou non ?

KAMI a dit:
EDIT j'ai corrigé le problème de la banière petite faute d'inattention, c'est ce qui arrive quand on fait plusieurs choses à la fois

KAMI · 22 Fev 2008

Non, mon problème n'est toujours pas résolu :-'

PHP:

<!--[if lt IE 7]>
<![endif]-->

A cause de ces 2 lignes de code, le script est en commentaire... Je ne les ai donc pas mises.
Ce script se trouve dans le head de ma page index et n'est pas entre les balises php.

PHP:

<head>
	<meta http-equiv="Content-style-type" content="text/css" />
	<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1"/>
	<meta HTTP-EQUIV="Content-Language" CONTENT="fr"/> 
	<meta name="DC.Format" content="text/html" />
	<title>Intranet Web Page</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="respect.js" type="text/javascript"></script>
	<script type="text/javascript">
		function ouvrir(url){
			window.open(url, '', 'height='+400+', width='+400+', toolbar=no, menubar=no, resizable=yes');
		}
	</script>
	<script type="text/javascript">
		function openNews(url){
			window.open(url, '', 'height='+600+', width='+500+', toolbar=no, menubar=no, resizable=yes');
		}
	</script>
</head>

Mon ami IE6 et les CSS

KAMI

spim spam spoum

Jereck

Α & Ω

NoBrain

Touriste

KAMI

spim spam spoum

Maleki

Pain in the ass !

KAMI

spim spam spoum

KAMI

spim spam spoum

Maleki

Pain in the ass !

KAMI

spim spam spoum

Autres sujets récents