Mon ami IE6 et les CSS

Statut
N'est pas ouverte pour d'autres réponses.
KAMI

KAMI

Elite
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. :)
 
N

NoBrain

Touriste
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 :p
 
1er
OP
KAMI

KAMI

Elite
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;
	
}
 
M

Maleki

Pain in the ass !
Effectivement... Il y a quelques incohérences. o_O

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 ?
 
1er
OP
KAMI

KAMI

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

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 ?
Cliquez pour agrandir...
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 :D
 
1er
OP
KAMI

KAMI

Elite
Jereck a dit:
https://www.gamerz.be/programmation-php-/t-faire-respecter-les-standards-web-avec-ie-177863.html ?
Cliquez pour agrandir...
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 ?
 
M

Maleki

Pain in the ass !
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 :D
Cliquez pour agrandir...
 
1er
OP
KAMI

KAMI

Elite
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>
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut