28173 sujets

CSS et mise en forme, CSS3

[resolu]Taille extensible[resolu]

Bonjour tout le monde, voila j'ai un probleme d'extension ....

je poste des news ect via des script que j'ai fait. Elle sont poster dans un bloc qui lui meme est poster dans un autre. Quand je les poste ici tout va bien , mes deux bloc s'agrandisse en fonction. J'ai le probleme pour la pub et les menus de ma gauche. Mes pub et mes menu sont dans des bloc et ces bloc sont dans le meme bloc que le bloc de news. Pas tres clair tout ca !!

Aussi je vous met le lien pour que vous vous rendiez compte :
http://underground-psp.ifrance.com/kernel.php?page=films

Voila sur le formulaire d'inscription, vous pouvez voir sur le coter gauche que toute les pub depasse sur mon background ce qui n'est pas tres estétique Smiley decu

Je doit avoir c'est même sur des gros probleme dans mon CSS et dans mon code PHP... Faut dire que pour toute la mise en page j'ai tester et retester 100 000 mille facon de faire.. Pour me retrouver avec des div class et id un peu dans tout les sens Smiley eek

Voila je vous met donc mes source.. Le code PHP kernel.php ainsi que mon design.css

kernel.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >


   <head>
       <title>Underground psp: Tutoriels, trucs et astuces pour votre PSP, retrouvez tout nos jeux, homebrews, films et jeux</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Underground-psp_Design1" href="design1.css" />
   </head>
   
   
   <body>
   
 <h4 id ="haut"></h4>  
   <!--Banniere du site Underground PSP-->
<div id="banniere">

</div>


<div id="contenuG">	
<div class="Menu">

	
	<?php include ("menu.html") ?>
	

	</div>
	
	<div class="Element_Menu">
	<div class="element_chatbox">
	
	
	<?php include ("Chat_box.php"); ?>
	</div>
	<div class="element_categories">
	<?php include ("menu2.html"); ?>
	</div>
	
	<div align="center">
	<script type="text/javascript"><!--
google_ad_client = "pub-2446050801399362";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_type = "text_image";
//2006-11-14: videos, telechargement gratuit, psp 1.5, downgrade, psp
google_ad_channel = "9355258938+4753552111+1840139232+3544398524+5437164796";
google_color_border = "000000";
google_color_bg = "F0F0F0";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<script type="text/javascript"><!--
google_ad_client = "pub-2446050801399362";
google_ad_width = 125;
google_ad_height = 125;
google_ad_format = "125x125_as_rimg";
google_cpa_choice = "CAAQsIO38QEaCL0fHsDYmCAJKIja6n4";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<script type="text/javascript"><!--
google_ad_client = "pub-2446050801399362";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_type = "text_image";
//2006-11-14: sexe, videos sexe gratuit, psp 1.5, psp ceramic, downgrade
google_ad_channel = "4122071705+8949873490+1840139232+1931596331+3544398524";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript" SRC="http://pub.oxado.com/insert_ad?pub=57201"></SCRIPT>
	</div>
	</div>



	<!--Contenu du site Underground PSP-->

	<div class="Contenu">
	<div class="Element_Contenu">
<?php
    $page = $_GET['page'];
    include("$page.php");
	
?>  

	</div>
	
</div>


	<!--Pied de page du site Underground PSP-->
<div id="Pied_de_page">
<?php include ("connectes.php") ?>
<a href="#haut">Retourner en haut</a><br />
<script type="text/javascript"><!--
google_ad_client = "pub-2446050801399362";
google_ad_width = 468;
google_ad_height = 15;
google_ad_format = "468x15_0ads_al_s";
//2006-11-14: jeux videos, musique, psp, psp 1.5, videos
google_ad_channel = "8336091490+5290925219+5437164796+1840139232+9355258938";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div>



   </body>
</html>


et le design.css :


body
{
	width: 1024px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;  
	background-color: black;
	
}

a 
{
   color: white;
}

a img
{
	border: 0px;
}

#banniere
{
	width: 1024px;
	height: 200px;
	background-image: url("images/banniere.png");
	background-repeat: no-repeat;
	margin-bottom: 2px;
	
}

.Menu
{
	float: center;
	width: 1024px;
}

.Element_Menu
{
	margin-top: 20px;
	float: left;
	color: white;
	background-repeat: repeat-x;
	border: hidden;
	margin-bottom: 10px;
	width: 160px;
}

.element_categories
{
	width: 160px;
	margin-top: 5px;
	border: hidden;
	background-color: #9D9D9F;
	margin-left: 5px;
}

.element_chatbox
{
	
	width: 160px;
	height: 350px;
	overflow: auto;
	background-image: url("images/chatBoxB.png");
	padding-top: 50px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

#contenuG
{
	
	border: hidden;
	width: 1024px;
	background-color: #DCDCE0;
}

.Contenu
{
	padding-left: 5px;
	margin-left: 175px;
	margin-right: 45px;
	color: white;
	background-color: #9D9D9F; 
	background-image: url("images/Haut_Contenu.png");
	background-repeat: repeat-x;
	 
}

.Element_Contenu h1
{
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.Element_Contenu h4
{
	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	background-image: url("images/Titre_News.png");
	
}
	
#Pied_de_page
{
	color: black;
	text-align: center;
}

Modifié par immat (25 Nov 2006 - 04:02)
A vu de nez comme ça je dirais test avec un <div style="clear:both"></div> à la fin de ton div de menu.

Il semblerais que le navigateur ne comprenne pas ou se termine celui-ci.
J'ai penser a ca aussi Smiley smile Le navigateur na pas l'air de comprendre la diference entre les ID et les class ! J'essai de suite ce que tu me dit... Merci beaucoup Smiley smile

Edit : Je viens d'essayer le bout de code que tu ma donner a plusieurs endroit et ca ne fait rien Smiley decu suffit d'aller regarder la derniere pages des news )

La seule fois ou cela ma fait un résultat c'est quand je l'ai mit la :


<div style="clear:both">
	<div class="Contenu">
	<div class="Element_Contenu">
<?php
    $page = $_GET['page'];
    include("$page.php");
	
?>  

	</div>


Resultat : le bloc de contenu est tout en bas, a la fin de la derniere pub quoi Smiley decu donc j'ai un énorme vide au dessus ) Mais je pense que c'est la bonne voie !

Est-ce que tu peut m'expliquer ou tu voulais que je mette le div dans mon code peut être ai-je mal compris... encore merci Smiley smile
Modifié par immat (22 Nov 2006 - 11:17)
Je voyais plus comme ça :


	</div>
<div style="clear:both"></div>
	</div>







	<!--Contenu du site Underground PSP-->



	<div class="Contenu">

	<div class="Element_Contenu">

<?php

    $page = $_GET['page'];

    include("$page.php");

	
<div style="clear:both"></div>
?>  



	</div>

	

</div>
Parse error: syntax error, unexpected '<' in /www/sites/1/ifrance.com/u/n/underground-psp/site/kernel.php on line 94

Voila ce que ca donne Smiley decu

Edit : C'est bon ca fonctionne il fallait juste le mettre comme ca le deuxieme :

<div class="Contenu">
	<div class="Element_Contenu">
<?php
    $page = $_GET['page'];
    include("$page.php");
	
?>  
<div style="clear:both"></div>
	</div>
	
</div>


Il ne rest plus qu'un soucis, le pied de page et c'est fini Smiley smile
Pareil j'ai essayer de mettre le code mais ca ne fonctionne pas ....

http://underground-psp.ifrance.com/kernel.php?page=news&limit=5 Voila ce que ca donne ..
Modifié par immat (22 Nov 2006 - 11:59)
Pas vraiment le pied de page, la taille d'un bloc qui ne s'etend pas comme je veux ... Va voir mon acceuil et tu voit, les pub depasse alors que je voudrais que le bloc de contenu general s'etende jusqu'en dessous ...

Mon acceuil : http://underground-psp.ifrance.com
Sujet clos
Aller à