Question HTML/CSS

Fermé

JS00000 Messages postés 16 Date d'inscription lundi 27 octobre 2014 Statut Membre Dernière intervention 10 octobre 2016 - 8 févr. 2015 à 20:43
JS00000 Messages postés 16 Date d'inscription lundi 27 octobre 2014 Statut Membre Dernière intervention 10 octobre 2016 - 8 févr. 2015 à 21:36

Bonsoir,
Je me suis mis depuis peu je me suis mis au codage de site, et là je bute sur un problème.
Quand je veux faire en sorte que mon en-tête (là où il y a la barre de navigation) fasse la longueur de toute la page, donc je rentre le code suivant:

header
{
	background: url('../images/fond_header.png') repeat-x;
	position: relative;
	left: -8px;
	top: -9px;
	height: 100%;
	width: 100%;
}

Ça remplis toute la page mais il y a un scrolling horizontal qui apparaît, je mets donc:

overflow-x: hidden;

Mais le problème, si je réduis la page, le scrolling horizontal n'apparaît pas et on peut scroll avec le pad d'un ordinateur portable.

Comment je peux faire en sorte que l'en-tête remplisse la longueur de la page sans scrolling horizontal à par si la page est réduite.

A voir également:

Question HTML/CSS
Editeur html - Télécharger - HTML
Espace html ✓ - Forum Webmastering
Espace en html - Astuces et Solutions
Html download - Télécharger - HTML
&Nbsp html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

Wilou017 Messages postés 54 Date d'inscription jeudi 12 juillet 2012 Statut Membre Dernière intervention 21 avril 2015 11
8 févr. 2015 à 21:15

code :

<style type="text/css">
body{
	margin:0px;
}
header
{
	background: url('img/box_bg.png');
	position: relative;
	height: 100%;
	width: 100%;
}
</style>
<header>ee</header>

resultat:
https://prnt.sc/62pnwk

j'ai remarqué que pour coler le header au coinen haut a gauche tu avais mit des marge negative mais utilise ca :


body{
	margin:0px;
}

Voila :)
des question ?

Réponse 2 / 2

JS00000 Messages postés 16 Date d'inscription lundi 27 octobre 2014 Statut Membre Dernière intervention 10 octobre 2016
8 févr. 2015 à 21:36

Non, pas de questions, merci beaucoup, depuis le temps que je cherche une réponse, merci ^^

Discussions similaires