Header width 100% trop grand
Fermé
AlexMahanakon77
Messages postés
26
Date d'inscription
vendredi 3 mars 2017
Statut
Membre
Dernière intervention
5 janvier 2019
-
12 déc. 2018 à 22:29
Zero - 16 janv. 2019 à 10:45
Zero - 16 janv. 2019 à 10:45
A voir également:
- Header width 100% trop grand
- Photo insta en grand - Guide
- Le fichier est trop grand pour le système de fichier de destination ✓ - Forum Windows
- Request header or cookie too large - Forum Webmastering
- Formate pour taxer client 100€ ✓ - Forum Consommation & Internet
- Ordinateur portable grand ecran - Guide
1 réponse
Salut !
C'est le padding du header qui gène.
C'est le padding du header qui gène.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5;
background: #25b99a;
box-shadow: 0px 2px 4px rgba(44, 62, 80, 0.15);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
input.enter {
width: 95%;
height: 50px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
background: rgba(255, 255, 255, 0.2);
position: left;
border-radius: 5px 25px 25px 5px;
padding: 0 60px 0 0;
border: 0px;
box-shadow: none;
outline: none;
margin: 15px;
-webkit-appearance: none;
-moz-appearance: none;
}
</style>
</head>
<body>
<header>
<input class="enter" type="text" name="rfdfd">
</header>
</body>
</html>
