Question HTML/CSS
JS00000
Messages postés
17
Statut
Membre
-
JS00000 Messages postés 17 Statut Membre -
JS00000 Messages postés 17 Statut Membre -
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:
Ça remplis toute la page mais il y a un scrolling horizontal qui apparaît, je mets donc:
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.
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 en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- Nbsp html ✓ - Forum Webmastering
2 réponses
code :
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 :
Voila :)
des question ?
<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 ?
