Css problème avec le %
Fermé
killianballuais
Messages postés
31
Date d'inscription
dimanche 25 août 2013
Statut
Membre
Dernière intervention
26 octobre 2014
-
17 oct. 2013 à 20:14
ElementW Messages postés 4814 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 - 25 oct. 2013 à 19:38
ElementW Messages postés 4814 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 - 25 oct. 2013 à 19:38
Bonjour,
Je viens vers vous car j'ai problème de positionnement avec le css. J'ai donc crée 3 grandes partit dur la page, le Header (100%, fixed), le side bar (16%, fixed) et le main content (84%). Sauf que le main content est plus grand que 84%, car je veux le déplacer verticalement, pourquoi ? Car 16%+84%=100% !
Comment je dois faire ?
lien du site en question : http://networksfans.com/teste/
Merci à tout ceux qui vont m'aider ! :)
Je viens vers vous car j'ai problème de positionnement avec le css. J'ai donc crée 3 grandes partit dur la page, le Header (100%, fixed), le side bar (16%, fixed) et le main content (84%). Sauf que le main content est plus grand que 84%, car je veux le déplacer verticalement, pourquoi ? Car 16%+84%=100% !
Comment je dois faire ?
lien du site en question : http://networksfans.com/teste/
Merci à tout ceux qui vont m'aider ! :)
A voir également:
- Css problème avec le %
- Enlever le soulignement d'un lien css ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
- Enlever le soulignage des lien. - Forum CSS
- Comment créer un lien non souligné ✓ - Forum Réseaux sociaux
- Css download - Télécharger - HTML
7 réponses
Nxl
Messages postés
1038
Date d'inscription
mardi 2 février 2010
Statut
Membre
Dernière intervention
5 janvier 2017
133
17 oct. 2013 à 20:17
17 oct. 2013 à 20:17
Salut,
On voit pas ce que tu veux faire...
On voit pas ce que tu veux faire...
killianballuais
Messages postés
31
Date d'inscription
dimanche 25 août 2013
Statut
Membre
Dernière intervention
26 octobre 2014
1
17 oct. 2013 à 20:52
17 oct. 2013 à 20:52
En gros mon site je veux faire en sorte que mon site de puisse plus ce déplacer verticalement
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
526
18 oct. 2013 à 15:11
18 oct. 2013 à 15:11
Salut,
Le problème vient du contenu de la balise <section id="main">. Le contenu de tes articles sont plus larges que la largeur allouée à ta section, donc cette dernière est élargie.
Bonne journée
Le problème vient du contenu de la balise <section id="main">. Le contenu de tes articles sont plus larges que la largeur allouée à ta section, donc cette dernière est élargie.
Bonne journée
killianballuais
Messages postés
31
Date d'inscription
dimanche 25 août 2013
Statut
Membre
Dernière intervention
26 octobre 2014
1
18 oct. 2013 à 19:46
18 oct. 2013 à 19:46
Je ne comprend pas très bien ta réponce, que dois-je modifier ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
En fait tu veux enlever le scroll vertical.
Tu n'as qu'a ajouté ceci dans le head de ta page:
<style>
body{
overflow-x:hidden;
}
</style>
Cela permet d'enlever le scroll vertical (le scroll x ), c'est pour le mettre en hidden.
Par contre cela ne regle pas le problème des tailles de tes éléments, ça le masque.
J'espère t'avoir aidé :)
Tu n'as qu'a ajouté ceci dans le head de ta page:
<style>
body{
overflow-x:hidden;
}
</style>
Cela permet d'enlever le scroll vertical (le scroll x ), c'est pour le mettre en hidden.
Par contre cela ne regle pas le problème des tailles de tes éléments, ça le masque.
J'espère t'avoir aidé :)
planete66
Messages postés
18
Date d'inscription
vendredi 25 octobre 2013
Statut
Membre
Dernière intervention
29 décembre 2013
35
25 oct. 2013 à 19:01
25 oct. 2013 à 19:01
Ton problème est sans doute lié au border.
ElementW
Messages postés
4814
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 227
25 oct. 2013 à 19:32
25 oct. 2013 à 19:32
Affirmatif, si on retire les border de
.module, ainsi que le
width: 100%des
#main .module header h3, ça passe sans problème. Sur Firefox en tout cas.
ElementW
Messages postés
4814
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 227
Modifié par gravgun le 25/10/2013 à 19:48
Modifié par gravgun le 25/10/2013 à 19:48
Solution miracle:
- enlèves le
La magie du CSS3.
from human import idiocy
del idiocy
- enlèves le
width: 100%des
#main .module header h3- sur le
.width_full, remplace le
widthpar
width: calc(100% - 2px);et ajoute-en un autre avant, disons
width: 95%;(oui, 2 définitions, mais c'est pour la compatibilité; l'odre de déclaration compte: mets le calc après le 95%)
La magie du CSS3.
from human import idiocy
del idiocy
