Barre Full Width

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par elpierroFR, 23 Juin 2012.

  1. elpierroFR
    elpierroFR Nouveau WRInaute
    Inscrit:
    23 Juin 2012
    Messages:
    4
    J'aime reçus:
    0
    Bonjour à tous, alors, j'ai un petit problème depuis pas mal de temps, j'aimerais créer une barre qui fasse vraiment toute la largeur de n'importe quel écran mais quand je mets la largeur à 100% ça prend bien entendu la largeur du bloc dans lequel est la div, comment puis-je faire ?

    Pierre.
     
  2. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    sortir la div du bloc.
     
  3. elpierroFR
    elpierroFR Nouveau WRInaute
    Inscrit:
    23 Juin 2012
    Messages:
    4
    J'aime reçus:
    0
    Mais le souci c'est que cette barre doit se trouver au milieu du site (en hauteur) donc je ne peux pas la sortir ...
     
  4. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 952
    J'aime reçus:
    275
    Si. et tu mets un z-index et une marge en hauteur
     
  5. nervusdm
    nervusdm WRInaute impliqué
    Inscrit:
    5 Janvier 2008
    Messages:
    609
    J'aime reçus:
    0
    Et un truc comme ça ?
    http://www.tayo.fr/barre-qui-prend-le-milieu.html

    Code:
    .conteneur {
    margin-left:auto;margin-right:auto;
    width:1024px;
    border:solid 1px grey;
    background:black;
    color:white;
    
    
    }
    .milieudiv {
    
    background:red;
    width:100%;
    position:absolute;
    left:0;
    }
    
    Nos deux div :
    
    	<div class="conteneur">Le contenu...<br/>
    
    	
    
    	<div class="milieudiv">La barre rouge du milieu..<br/></div>
    
    	La fin du contenu...
    
    
    </div>
    
     
Chargement...
Similar Threads - Barre Full Width Forum Date
Trafic SEO s'effondre - Comment redresser la barre ? - Site e-commerce Débuter en référencement 19 Mars 2019
Besoin d'aide concernant modification sur mon blog dans la barre URL. Développement d'un site Web ou d'une appli mobile 25 Juillet 2018
Faut-il faire 2 parties dans balise title séparées par barre verticale ? Référencement Google 21 Juin 2017
Voir le mur de n'importe qui en tapant simplement son nom dans la barre FB Facebook 17 Février 2016
site avec une barre oblique ?? Demandes d'avis et de conseils sur vos sites 3 Décembre 2015
Afficher une barre pour accepter les cookies Développement d'un site Web ou d'une appli mobile 17 Juin 2015
Titre du site dans la barre de navigation ou pas ? Débuter en référencement 21 Février 2015
La barre oblique "/" est elle equivalente au tiret "-" pour les mots clés dans les URL Rédaction web et référencement 21 Octobre 2013
rajouter les www à ma boutique dans la barre d'adresse URL Rewriting et .htaccess 11 Octobre 2013
Problème concernant la barre latérale de droite fil d amis Facebook 8 Avril 2013
Redirection sous-dossier sans affichage dans la barre de navigation Débuter en référencement 4 Avril 2013
Barre menu qui bouge lors du zoom Développement d'un site Web ou d'une appli mobile 15 Février 2013
[Comprendre] Nouvelle barre sur Google Google : l'entreprise, les sites web, les services 22 Novembre 2012
Nouvelle SERP Google [barre de menus en haut - nov. 2012] Google : l'entreprise, les sites web, les services 21 Novembre 2012
clavier sur iphone, insérer le @ et le . à côté de la barre d'espace Développement d'un site Web ou d'une appli mobile 17 Août 2012
L'URL dans la barre d'adresse ne prend pas en compte les dossiers URL Rewriting et .htaccess 12 Mai 2012
Disparition barre latérale gauche Google Analytics 1 Mai 2012
Ma Fanpage n'apparait pas dans la barre de recherche Facebook 12 Avril 2012
Barre de navigation UBERMENU et SEO? Référencement Google 25 Mars 2012
Nouvelle barre d'outils SEO Quake? Développement d'un site Web ou d'une appli mobile 30 Janvier 2012