Résolu Une div qui va jusqu'au bout de la page ?

Statut
N'est pas ouverte pour d'autres réponses.
Switch.

Switch.

Codeur Web à ton service | > Python
Premium
Inscription
13 Janvier 2013
Messages
2 956
Réactions
968
Points
6 491
RGCoins
25
bonjour à tous j'ai un petit problème avec mon code css/html
j'aimerais que ma div .stream aille jusqu'en bas du navigateur (voir image si dessous)
PxYuSYD.png

Mais quand je met height: 100% la div .stream fait la taille de l'écran 1663px et il y a donc une scroll barre à droite j'aimerais que la div .stream s'arrete au bas de l'écran
Pensez vous que c'est possible ? Merci
 
Trier par date Trier par votes
Ton topic se trouvait dans la mauvaise section http://reality-gaming.fr/attachments/deplace-png.20318/, je l'ai donc déplacé dans la bonne section http://reality-gaming.fr/attachments/deplacement-png.20319/. :modo:
 
Voter positivement 0 Voter négativement
Le 100% est déconseillé car si tu rajoutes une bordure ou un padding sa fera 100% + quelque chose.
Donc impose simplement une taille, ni trop grande ni trop petite car personne n'a la même taille d'écran ; )
 
Voter positivement 0 Voter négativement
#42PɨSCɨNE a dit:
Le 100% est déconseillé car si tu rajoutes une bordure ou un padding sa fera 100% + quelque chose.
Donc impose simplement une taille, ni trop grande ni trop petite car personne n'a la même taille d'écran ; )
Cliquez pour agrandir...
Ouais voilà sauf que comme tu le dis personne n'a le même écran donc je sais pas combien je dois mettre c'est relou css pour certains trucs
 
Voter positivement 0 Voter négativement
switch. a dit:
bonjour à tous j'ai un petit problème avec mon code css/html
j'aimerais que ma div .stream aille jusqu'en bas du navigateur (voir image si dessous)
PxYuSYD.png

Mais quand je met height: 100% la div .stream fait la taille de l'écran 1663px et il y a donc une scroll barre à droite j'aimerais que la div .stream s'arrete au bas de l'écran
Pensez vous que c'est possible ? Merci
Cliquez pour agrandir...
Je Pense Que oui,
Utilise l'examineur d'éléménet et tu fait des tests :)
 
Voter positivement 0 Voter négativement
Code: 
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Copier/coller ce code avant tout le CSS , et dis moi quoi.
 
Voter positivement 0 Voter négativement
Non mais y a un truc que tu n'as pas compris, tout le monde doit avoir la même taille ok ?
Donc, tu imposes par exemple: 1200px pour tout le monde après pour les plus petits écran tu gères ça avec le responsive ( medias queries )
 
Voter positivement 0 Voter négativement
Louki SEC a dit:
Code: 
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Copier/coller ce code avant tout le CSS , et dis moi quoi.
Cliquez pour agrandir...
Quoi :troll: c'était sensé faire quoi ? Parce que ça déforme bien ma page mdr ..
 
Voter positivement 0 Voter négativement
switch. a dit:
Quoi :troll: c'était sensé faire quoi ? Parce que ça déforme bien ma page mdr ..
Cliquez pour agrandir...
C'est un reset CSS, c'est à dire que cela enlever les bordures etc de la page.

Pourquoi ne pas utiliser le twitter Bootstrap pour ton projet ? C'est approprié à ce que tu veux faire, et personnalisable à 100%
 
Voter positivement 0 Voter négativement
#42PɨSCɨNE a dit:
Non mais y a un truc que tu n'as pas compris, tout le monde doit avoir la même taille ok ?
Donc, tu imposes par exemple: 1200px pour tout le monde après pour les plus petits écran tu gères ça avec le responsive ( medias queries )
Cliquez pour agrandir...
Ah oui j'avais vu le conseille donc pour imposer c'est bien cette balise <meta name="viewport" content="height=1600"> par exemple ?

Louki SEC a dit:
C'est un reset CSS, c'est à dire que cela enlever les bordures etc de la page.

Pourquoi ne pas utiliser le twitter Bootstrap pour ton projet ? C'est approprié à ce que tu veux faire, et personnalisable à 100%
Cliquez pour agrandir...
J'utilise déjà bootstrap mais ça ne régle pas ce soucis la mais merci
 
Voter positivement 0 Voter négativement
switch. a dit:
Ah oui j'avais vu le conseille donc pour imposer c'est bien cette balise <meta name="viewport" content="height=1600"> par exemple ?


J'utilise déjà bootstrap mais ça ne régle pas ce soucis la mais merci
Cliquez pour agrandir...
Bha non, sois tu attribue à body 1200px sois tu englobes tout le body avec une div et la div tu lui met 1200px.
 
Voter positivement 0 Voter négativement
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut