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 4816 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 ! :)


A voir également:

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
Salut,
On voit pas ce que tu veux faire...
0
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
En gros mon site je veux faire en sorte que mon site de puisse plus ce déplacer verticalement
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
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
0
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
Je ne comprend pas très bien ta réponce, que dois-je modifier ?
0

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é :)
0
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
Ton problème est sans doute lié au border.
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
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.
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
Modifié par gravgun le 25/10/2013 à 19:48
Solution miracle:
- enlèves le
width: 100%
des
#main .module header h3
- sur le
.width_full
, remplace le
width
par
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
0