28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai réalisé un site pour un lycée agricole. Bon, il y'a encore quelques pages que je n'ai pas inclu, mais si vous regardez l'url du site, vous comprendrez que ce n'est que la version béta.

Sous firefox, que ce soit en 1024 * 768 ou 800 * 600, aucuns problèmes !

Maintenant, je vous propose de passer sous IE en 800 * 600.
Pour les fénéants

Et oui, le maillon faible de l'internet fait encore des siennes.

Je ne comprend pas pourquoi d'un navigateur à l'autre, le cadre de mon corps ne s'adapte pas au design général du site...
J'ai conclu de mes observations que cela se passait lorsque l'apperçu de la page que j'inclue dans le corps dépassait la longueur maximale allouée. Mais malgré un overflow: auto; IE ne prend pas en compte la barre de scroll horizontal...

Je vous joins la partie de mon CSS concernant le corps

.corps{ /* Généralités concernant le corps */
	margin: 10px 20px 10px 20px;
	margin-top: 50px;
	border-bottom: 2px solid rgb(216,216,178);
	overflow: auto;
	height: 450px;
	color: black;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


Et voici le code utilisé dans mon index pour integrer les pages dans ce corps :

<div class="corps">
				<!--Pseudo frames-->
				<?php
					if(!empty($_GET['page']))
					{
						if(file_exists('includes/' . $_GET['page'] . '.php') AND !preg_match("/(\.|config|inc)/iU", $_GET['page'])) // gestion des fichiers contenus dans le dossier include
						{
							include("includes/".$_GET['page'].'.php');
						}
						else
						{
							if(file_exists('xlagenda327/' . $_GET['page'] . '.php') AND !preg_match("/(\.|config|inc)/iU", $_GET['page'])) // gestion des fichiers contenus dans le dossier xlagenda327
							{
								include("xlagenda327/".$_GET['page'].'.php');
							}
							else
							{
								include("includes/accueil.php");
							}
						}
					}
					else
					{
							include("includes/accueil.php");
					}
				?>
	
			</div> <!--fin corps-->


Pourquoi ma barre de scroll ne s'active pas pour IE ?

Cordialement,
Killaman
Modifié par Killaman (30 May 2007 - 19:33)
Je comprend pas pourquoi ce sujet passe systématiquement à la trappe...

J'explique clairement mon sujet, je n'exige pas un travail, mais une aide, et de plus, j'oriente les visiteurs de cette page dans mon problème...

Je vois que d'autres sujets, moins structurés, ont systématiquement une réponse, ça me met un peu en boule...

Killaman
Bonjour,
Killaman a écrit :
Je comprend pas pourquoi ce sujet passe systématiquement à la trappe...

J'explique clairement mon sujet, je n'exige pas un travail, mais une aide, et de plus, j'oriente les visiteurs de cette page dans mon problème...

Je vois que d'autres sujets, moins structurés, ont systématiquement une réponse, ça me met un peu en boule...

La faute à pas de chance, peut-être ?
(En passant : à priori, fournir du code PHP ne sert ici strictement à rien...)

Sinon, je n'arrive pas à reproduire le problème dans IE6 et 7. Tout à l'air de passer correctement, mis à part la hauteur fixe de div.corps, bien sûr, qui déclenche la création d'une barre de défilement interne.
Smiley sweatdrop
Lol, oui, surement un manque de chance (ou de réponse évidente...)

Le code PHP, c'était juste pour expliquer comment j'incluais la page qui m'embete.
Sinon, je pense que cela concerne quand même un problème de CSS.

Je te propose d'essayer de cliquer sur le bouton Agenda, avec IE (tu peux rester en 1024*768, je me suis rendu compte que celà buggais tout de même)

L'agenda que j'utilise est libre de droits, je m'en suis donc servi pour l'inclure dans le site, par le pseudo frame.
Se peut-il que le CSS de l'agenda soit en conflit avec celui de mon site ? (Genre j'authorise l'overflow dans les CSS du site et il ne l'est pas dans celui de l'agenda ?)

Je pense que cela vient uniquement de l'agenda puisque pour les autres pages, si la taille horizontale dépasse la taille maximale, une barre horizontale se créée

Cordialement,
Killaman
Bon, c'est un problème classique de mauvaise utilisation des includes PHP.

Sur la page de l'agenda; le code généré ressemble à ça :
			<!-- Le corps -->
			<div class="corps">
				<!--Securité injections-->
				<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<title>XLAgenda 3.2.7</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="AUTHOR" content="XLAgenda 3.2.7">

Si ça ne te semble pas problématique, une petite révision sur la syntaxe HTML s'impose de toute urgence. Smiley cligne

Voir le tutoriel suivant :
http://css.alsacreations.com/Tutoriels-PHP/Inclure-un-fichier-dans-un-autre-grace-a-PHP
Et notamment la partie intitulée «
Pré-requis : comprendre le fonctionnement de l’include() ».

Ah oui : et bannir le terme de « pseudo-frames ». Les pseudo-frames sont un mythe. Si on veut des frames, on utilise des frames, et voilà. Si on veut utiliser d'autres moyens (include PHP...), on lit la doc pour savoir comment fonctionnent les autres moyens en question. Smiley smile

Bonne continuation.