[Résolu] Demande d'aide pour faire une division contenu

MrNayleon · **Publié:** 16 Sep 2010, 02:29

Bonjour à tous ! J'ai décidé de me partir ma ¨petite¨ compagnie de design web la semaine dernière. Je me débrouille très bien en graphismes, mais niveau HTML/CSS je tire un peu de la patte.

Voici un aperçu de ce que j'ai déjà codé pour mon premier design :

Le Background, ainsi que le Header. Voici le code en question :

HTML :

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">  <head> <title>Hybrid X-Tech | Nokia-GraphX.com</title> <link rel="shortcut icon" href="favicon.ico" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <meta http-equiv="content-language" content="fr" /> <link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="conteneur"> <div id="header"> <div id="contenu"> </body> </html>

CSS :

Code: Tout sélectionner: body, html {background:#000 url(images/background.jpg) center;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:11px} #conteneur {margin: 0 auto 0;position: relative;width: 1135px;background-color: #FFFFFF;overflow: hidden;text-align:left} #header {height:30px; background:url(images/header.png) no-repeat top;padding:190px 0 0 0}

Je voudrais savoir comment mettre un ¨Conteneur¨ en fond blanc, de la même largeur que ma bannière bien sûr, et comment rajouter un footer ( Pied de page ) en dessous du conteneur en question.

Merci d'avance pour votre aide, si quelqu'un veut s'aventurer avec moi, rajoutez-moi MSN dans mon profil !

++

Bahamut 1.2 · **Publié:** 16 Sep 2010, 10:32

Déjà, ferme tes div :p
Ensuite pour le reste, je suis pas sur de comprendre, c'est du CSS simple.
Tu utilises la propriété width pour régler la largeur, et background-color pour le fond blanc (#FFF donc).

Par contre, comme tes blocs div sont vides, même en leur mettant une largeur ils seront invisibles, car leur hauteur est de 0. Donc je te conseille de mettre une hauteur pour tester, avec height.

Il faudrait également que tu détermine la structure, là j'ai pas très bien compris (vu que les div sont pas fermées). Soit tu alignes header/contenu/footer les uns sous les autres, soit tu les mets dans un conteneur. Je te conseille de commencer par la première solution, ensuite tu pourrais éventuellement avoir besoin d'un conteneur, mais pas forcément.

Pour le centrage, n'utilise pas padding, c'est pas fait pour ça. En plus là ben.. ce sera pas centré partout. De mémoire (le CSS ça commence à faire un bout de temps), margin:0 auto ; (0 = centrage vertical - de toute façon le centrage vertical ne fonctionne pas comme ça, auto = centrage horizontal).

Evite aussi les positions relative/absolute, préfère les margin (et éventuellement padding). Sinon tu vas en ch*** plus tard.

Enfin je m'arrête là, j'ai pas le temps de te faire un cours de HTML/CSS, mais je te conseille d'aller lire quelques tutos (le site du zéro est très bien).

EDIT : J'oubliais, avec un bloc de plus de 1024px de large, pas mal d'utilisateurs devront défiler horizontalement pour lire ton site (hé oui il y en a encore).
Ah, et d'avance, une fois le problème réglé édite pour ajouter [Résolu].

RPG Creator : créez votre MMORPG ou RPG sans aucune connaissance en programmation

[Résolu] Demande d'aide pour faire une division contenu

Qui est en ligne ?