[Résolu] [CSS] Soucis avec Firefox

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par cedric_g, 17 Mai 2006.

  1. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Bonjour

    J'ai un petit soucis de mise en page avec Firefox, soucis que je ne rencontre pas avec IE...

    Voir ici : -http://reportages.aube-nature.com/concours-canin-scba-2006-berger-allemand-galerie.php


    Sous IE, les pages pour la navigation dans la galerie sont bien SOUS la galerie ; sous Firefox, il me les claque à droite de la première ligne d'images 8O


    Voici le code CSS :
    Code:
    /* Conteneur pour les listes (galeries...)
    ********************************************/
    
    div#galerie-container {
    	width: 680px;
    	text-align:center;
    	margin: 0px auto
    }
    
    
    /* Galerie photo avec commentaires
    ********************************************/
    
    ul#galerie-comm 	{ 
    	float:left 
    }
    
    ul#galerie-comm, ul#galerie-comm li { 
    	list-style:none;
    	margin:0;
    	padding:0 
    }
    
    ul#galerie-comm li {
    	float:left;
    	display:inline;
    	margin: 0 0 15px 20px;
    	width:145px;
    	text-align:center
    }
    
    ul#galerie-comm img {
    	display:block;
    	width:120px;
    	height:92px;
    	border:0px solid;
    	margin:0 auto 5px
    }
    
    ul#galerie-comm a {
    	display:block;
    	padding: 5px 0;
    	height:145px;
    	background: #ffffff;
    	color: #666666;
    	border:1px dotted #ffffff;
    	text-decoration: none
    }
    
    ul#galerie-comm a:hover {
    	border-color:#999999
    }
    
    
    
    /* Navigation
    ********************************************/
    
    .pagenav {
    	font: 0.9em;
    	margin-bottom: 4px;
    }
    
    p.pagenav {
    	font: 0.9em;
    	margin-bottom: 4px;
    	text-align: center;
    } 
    
    p.pagenav a {
    	background: #eeeeee;
    	color: #0;
    	padding:2px;
    	border: 1px solid #bbbbbb;
    	text-decoration: none;
    	font-size:90%;
    }
    
    p.pagenav a:visited {
    	background: #eeeeee;
    	color: #0;
    	padding:2px;
    	border: 1px solid #bbbbbb;
    	text-decoration: none;
    	font-size:90%;
    	text-align; center;
    }
    p.pagenav a:link {
    	background: #eeeeee;
    	color: #0;
    	padding:2px;
    	border: 1px solid #bbbbbb;
    	text-decoration: none;
    	font-size:90%;
    	text-align; center;
    }
    
    p.pagenav a:hover {
    	background: #bbbbbb;
    	color:#0;
    	text-align; center;
    }
    
    p.pagenav strong {
    	color: black;
    	padding:2px;
    	border: 1px solid #bbbbbb;
    	font-size:90%;
    	text-align; center;
    }
    

    Et le code HTML :
    Code:
    <div id="galerie-container"><ul id="galerie-comm">
    <li><a href="photo-2419-245-1.php">
    <img src="http://www.chatterie-koolkat.com/photos/photos/v_2419.jpg" alt="#1 Confirm. mâle" >
    #1 Confirm. mâle</a></li>
    <li><a href="photo-2420-245-1.php">
    <img src="http://www.chatterie-koolkat.com/photos/photos/v_2420.jpg" alt="#2 Confirm. mâle" >
    #2 Confirm. mâle</a></li>
    <li><a href="photo-2421-245-1.php">
    <img src="http://www.chatterie-koolkat.com/photos/photos/v_2421.jpg" alt="#3 Confirm. mâle" >
    #3 Confirm. mâle</a></li>
    
    <!-- ici toutes les images ... --->
    
    </ul></div>
    
    <br>
    
    <p class="pagenav">
    <strong>1</strong> 
    <a href="concours-canin-scba-2006-berger-allemand-galerie.php?page=2">2</a> 
    <a href="concours-canin-scba-2006-berger-allemand-galerie.php?page=3">3</a> 
    
    <!-- ici tous les n° de pages ... --->
    
    </p>
    
    

    Je pensais "bêtement" qu'une balise P ne pouvait s'afficher QUE sous une DIV dont on ne spécifiait pas le "float" ?...

    J'ai faux où ???
     
  2. Tymir
    Tymir WRInaute discret
    Inscrit:
    26 Juillet 2005
    Messages:
    183
    J'aime reçus:
    0
    Même problème avec Opéra, c'est plutot IE qui déconne ;-)
     
  3. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Peut-être, mais lui affiche ce que moi je veux :twisted:


    Y'a pas un truc pour dire que le DIV "container-galerie" puisse être affiché comme une ligne plutôt qu'un bloc ?

    En fait les n° de pages (qui sont dans une balise "P") semblent s'afficher malgré les paddings de ma mise en page ???
     
  4. narayana
    narayana WRInaute impliqué
    Inscrit:
    28 Janvier 2005
    Messages:
    727
    J'aime reçus:
    0
    rajoute après ton bloc
    Code:
    <div id="galerie-container">......</div>
    un
    Code:
    <div style="clear:both"></div>
    pour voir ce que cela donne
     
  5. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Merci :D

    Je viens d'avoir la réponse sur un autre forum (dans la même minute, comme quoi !) et effectivement, c'est bien ça !

    Reste un petit soucis de marges un peu plus large à gauche sur Firefox que sur IE, mais je vais m'en occuper (ça doit pas être ben compliqué !)



    Encore merci !
     
Chargement...
Similar Threads - [Résolu] [CSS] Soucis Forum Date
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[RESOLU] [CSS] : rajouter une div Développement d'un site Web ou d'une appli mobile 26 Juin 2008
[résolu][css] Avertissement lors de la validation W3C Développement d'un site Web ou d'une appli mobile 6 Novembre 2007
[résolu] [CSS] Problème de transparence Développement d'un site Web ou d'une appli mobile 30 Novembre 2005
Problème images en https (forum phpbb) [résolu] Développement d'un site Web ou d'une appli mobile 18 Novembre 2017
[Résolu] Redirection 301 FR vers EN sur Prestashop uniquement sur outils Google ? Problèmes de référencement spécifiques à vos sites 11 Septembre 2017
[résolu] Passage à HTTPS, comment tester une page ? Développement d'un site Web ou d'une appli mobile 7 Septembre 2017
[Résolu] Redirection d'une famille d'URL URL Rewriting et .htaccess 9 Mars 2017
[Résolu] Diaporama et SEO Débuter en référencement 17 Janvier 2017
[résolu]Redirection monsite.fr/index.html sur monsite.fr et seo URL Rewriting et .htaccess 16 Janvier 2017
[resolu]Publicité facebook lié au compte instagram Facebook 12 Décembre 2016
[résolu] Récupérer des valeurs issues de javascript pour les mettre en base MySQL Développement d'un site Web ou d'une appli mobile 18 Juillet 2016
[résolu] Faire une redirection sauf pour mon adresse IP URL Rewriting et .htaccess 15 Juin 2016
[Résolu] 2 descriptions pour une même url selon requête Crawl et indexation Google, sitemaps 1 Juin 2016
[résolu] Action onchange sur FORM/SELECT qui ne fonctionne qu'à la première action ?!? Développement d'un site Web ou d'une appli mobile 31 Mai 2016
[résolu] Sessions : lire le contenu alors qu'on ne sait pas comment il est nommé... Développement d'un site Web ou d'une appli mobile 25 Mai 2016
[résolu] Avoir un paramètre de session "dynamique" ? Développement d'un site Web ou d'une appli mobile 25 Mai 2016
[résolu] Hauteur de div selon état d'un bouton radio Développement d'un site Web ou d'une appli mobile 23 Mai 2016
[résolu] recupération de flux xml et erreur encodage des caractères Développement d'un site Web ou d'une appli mobile 27 Janvier 2016
[résolu] Carte Google Maps avec "zones de densité" Développement d'un site Web ou d'une appli mobile 5 Novembre 2015