28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

Voici le lien de la page qui me pose problème (elle utilise wordpress). http://gorgibus69.free.fr/wordpress/?p=3#respond
J'aimerais qu'elle ressemble à ceci http://gorgibus69.free.fr/mon%20blog2/blog.php
Que me conseillez-vous ?
Que faut-il que je suis perdu entre les float et absolute et relative.

Le code css des principaux éléments sont accessible en entier à cette page :
http://gorgibus69.free.fr/wordpress/wp-content/themes/default/style.css

#footer {
	position: absolute;
	background: url('images/kubrickfooter.png') no-repeat top; 
	border: none;
	width: 750px;
	clear: both;
	}

.widecolumn {
	float: left;
	padding: 10px 0 40px 27px;
	width: 508px;
	}

#header {
	position: relative;
	background: url('http://gorgibus69.free.fr/mon%20blog2/images3/bg_header.png') no-repeat bottom;
	margin: -351px auto 0px; 
	padding: 0; 
	height: 350px; 
	width: 748px;
	}



Merci de l'attention porté à ce sujet.
Modérateur
Salut, bienvenue sur Alsacréations Smiley smile

Il semble, d'après le résultat que tu obtiens, que la première chose à faire est de (re)lire ces trois articles :

http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/

afin d'utiliser les méthodes de positionnement à bon escient.

Par exemple, le header n'a pas besoin d'être placé en relatif et le footer n'a rien à faire en position absolue. Smiley cligne
Modifié par koala64 (24 Feb 2008 - 00:37)