Bannière trop courte

**greendaynad** · 24/01/2017, 13h39

Bonjour,

Je suis une newbie en développement web et je ne vois pas du tout pourquoi la bannière que j'ai créé ne s'étend pas à la page entière...

C'est probablement évident mais je ne vois pas...(mes excuses pour ce code anarchique).

Nom : Capture d’écran 2017-01-24 à 13.38.10.png
Affichages : 83
Taille : 59,9 Ko

Nom : Capture d’écran 2017-01-24 à 13.38.10.png
Affichages : 83
Taille : 59,9 Ko

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Réseau</title>
    <link rel="stylesheet" type="text/css" href= "styles.css" />
 
</head>
 
<header>           
 
                <p>professionnels de l'information jeunesse</p>
                 <img id= "logo"  src="images.jpg" alt="logo" />
 
 
                 <nav>
                    <a href="www.google.com">Contact</a>
                    <a href="">Cloud</a>
                    <a href="">Acteurs</a>
                </nav>
 
 
 
</header>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
header {
    height: 100px;
    background-color: #373f42;
    top: 0px;
    position: fixed;
    margin-right: 100px;
 
        }
 
#logo {
    height: 100px;
    right: 0px;
    top: 0px;
    left: 0px;
    position: fixed;
 
}
 
 
p{
    margin-left: 125px;
    position: relative;
    text-transform: uppercase;
    color: white;
 
}
#titrePage {
    margin-top: 30px;
    top: 100px;
    margin-left: 150px;
    margin-top: 0px;
 
 
}

J'ai essayé de modifier les marges, bordures...rien n'y fait...
Merci d'avance.

**Ecared** · 24/01/2017, 14h28

Avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
header {
    right: 0;
    left: 0;
}

**greendaynad** · 24/01/2017, 14h45

Effectivement, cela a marché! Merci bcp @Ecared !!

Bannière trop courte

CSS

Vue hybride

Discussions similaires

Partager

Partager