Probleme de footer et de colonnes

Résolu/Fermé
Profil bloqué - 25 janv. 2010 à 00:32
 Profil bloqué - 25 janv. 2010 à 19:22
Bonjour a tous,

Voila, je cherhce a faire un style un peu beaucoup enormement cass tete au final :p

Voila a quoi je veux le faire ressembler (je precise que le fond blanc est la page, et que les blocs sont des div)
http://img5.hostingpics.net/pics/321551designjof.jpg
Il s'agit donc d'avoir une div qui integre les autres, dans cette div, avoir le header, le footer et le reste dans une div millieu.
Dans millieu, il y aura donc left right et articles et chaqun d'entre eux aura de nouveau 3div, pour avoir un menu qui sera sur on fond au coins arrondis.

Je sais, ca fais barbare comme truc, 5 niveaux d'incrementation de div avec 34 div. Mais je vous rappelle qu'il s'agit du but rechercher.

Actuellement, le resultat est moins impressionnant http://zairakai.u7n.org/jof/

seul hic, le footer qui ne veux pas se mettre en totaliter comme le header.

je post ci dessous les code de la page et du css (je ne met pas les php integrer, il ne contienne que le text.

index.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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Japan O Fan</title>

<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="totale"><!--debut bloc totale-->

	<div id="header"><!--debut bloc header-->
		<?php include("header.php"); ?>
	</div><!--fin bloc header-->
    
    <div id="millieu"><!--debut bloc millieu contenat les bloc left right et articles-->
    
        <div id="col_left"><!--debut bloc left-->
            <?php include("left.php"); ?>
        </div><!--fin bloc left-->
        
        <div id="col_right"><!--debut bloc right-->
            <?php include("right.php"); ?>
        </div><!--fin bloc right-->
        
        <div id="col_articles"><!--debut bloc articles centrer entre les blocs left et right-->
            <?php include("articles.php"); ?><br /><br /><?php include("articles.php"); ?>
        </div><!--fin bloc articles centrer entre les blocs left et right-->
        
    </div><!--fin bloc millieu contenat les bloc left right et articles-->
    
    <div id="footer"><!--debut bloc footer-->
        <?php include("footer.php"); ?>
    </div><!--fin bloc footer-->
    
</div>
</body>
</html>


css.css:
h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, blockquote, pre, table, tbody, tr, th, td, tfoot, thead, body{margin:0; padding:0;}

body{background-image:url(img/01.jpg);background-repeat:no-repeat;background-attachment:fixed;}

#left_header{background-image:url(img/menu/left_right_header.png);background-repeat:no-repeat;height: 10px;}

#left{background-image:url(img/menu/left_right.png);}

#left_footer{background-image:url(img/menu/left_right_footer.png);background-repeat:no-repeat;height: 10px;}

#articles{}

#right_header{background-image:url(img/menu/left_right_header.png);background-repeat:no-repeat;height: 10px;}

#right {background-image:url(img/menu/left_right.png);}

#right_footer{background-image:url(img/menu/left_right_footer.png);background-repeat:no-repeat;height: 10px;}

#totale{margin-left: auto; margin-right: auto; width: 98%;}

#header{position: relative;height: 50px;}

#millieu{margin-left: auto; margin-right: auto; width: 100%;}

#col_left{position: relative;padding: 10px 10px 10px 0px;width: 250px;float: left;}

#col_articles{padding : 10px;margin-left:250px;margin-right:250px}

#col_right{padding: 10px 0px 10px 10px;position: relative;width: 250px;float: right;}

#footer{clear:both;
}


Voila, si vous trouvez le truc qui bloque le footer comme les articles, je vous remercie d'avance de m'aider.

A+
Japan-O-Fan

2 réponses

Profil bloqué
25 janv. 2010 à 13:51
pas d'idée?
0
Profil bloqué
25 janv. 2010 à 19:22
trouver, il s'agissait d'un oublie de ma part avec une div ouvert au lieu de la mettre en fermer.
0