Probleme de footer et de colonnes
Résolu
Profil bloqué
-
Profil bloqué -
Profil bloqué -
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:
css.css:
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
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
A voir également:
- Probleme de footer et de colonnes
- Comment faire des colonnes sur word - Guide
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Inverser deux colonnes excel - Guide
- Dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des quatre premières colonnes. - Guide
- Figer des colonnes excel - Guide