» »

Chrome - višina 100%

Chrome - višina 100%

4kik4 ::

Čaw, imam težavo s 100% višino bodyja v chromu, drugje dela ok.

torej, stran mora biti čez celo višino ekrana, in tudi če ni dosti vsebine, bi rada, da je noga vedno na dnu, vendar če napišem:

html,body {width:100%; height:100%;}


mi v chromu doda navpičen scroll, tudi če nimam nobenega elementa v bodyju; težava je v 100%, ki so na htmlju, če pa jih ne dam, body seveda ni čez celo višino strani; pomoje je težava v tistem njihovem latnem divu, kjer imaš neke nastavitve, ker je scrolla ravno za cca 34px na pogled, kolikor je visok njihov dodaten div.

Kakšna ideja kako rešiti problem? ali je še najboljša možnost dodatna css stran (sj verjetno se tudi za chroma to da?), kjer pa chrom pač ne bo imel višine 100%?

aja, sicer dodam vse padding:0, itd, samo tukaj sem napisala samo problematičen del
  • spremenilo: 4kik4 ()

technolog ::

html,body {width:100%; height:100%; margin: 0; padding: 0}

Tole bi moglo delat.

Zgodovina sprememb…

neoserv ::

Funkcionalnost, ki jo potrebujes, je "sticky footer".

Podrobna navodila in primer najdes tukaj: http://www.cssstickyfooter.com/
NEOSERV.SI = Prijazno & hitro SSD gostovanje že 15. leto.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.

4kik4 ::

sem napisala tudi margin in padding in ostalo, vendar ne pomaga. Če na chromu dam html height 100%, potem vedno doda scroll, na drugačen način pa tega ne morem (ne znam) doseči..

neo-serv: hvala bom pogledala še to kodo, sicer sticky footer imam, malo drugače narejen, vendar bi v vsakem primeru rada, da body zavzema 100% višino ekrana, kar mi pa pri chromuše ni uspelo ugotoviti, kako to narediti brez dodatnega scrolla

neoserv ::

4kik4: Mislim, da ti ta tutorial oz. koda naredi točno to.
NEOSERV.SI = Prijazno & hitro SSD gostovanje že 15. leto.
900+ domenskih končnic po noro nizkih cenah!
Brezplačna selitev od starega ponudnika.

4kik4 ::

sem poskusila, vendar je tudi tukaj na html višina 100%, kar doda tisti scroll

b3D_950 ::

html,body { width:100%; height:100%; margin:auto; }

4kik4 ::

Sem preizkusila vse zgoraj navedene rešitve, nobena ne pomaga...

galu ::

Probej se s tem malo poigrati. Ne vem kakšno stran maš, zato pač izberi tisto vrednost, ki je tebi v redu.

http://www.w3schools.com/cssref/css3_pr...
Tako to gre.

Goran's Blog ::

background:center ;
background-size: 100%
height: auto
top: 0;
Poskusi

Vice ::

Prilepi vsaj celo kodo. Na pamet si pa verjetno pozabila odbiti višino footerja.

4kik4 ::

@mckmck

to pa dela, hvala lepa :)

Goran's Blog ::

Malenkost;)


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297328573 (52722) htmltroubles
»

[HTML/CSS] Footer se noče prilepiti na dno strani

Oddelek: Programiranje
131419 (1082) IcyFox
»

CSS min-height

Oddelek: Izdelava spletišč
51384 (1266) snow
»

Kako postavit sliko na sredino ekrana

Oddelek: Izdelava spletišč
71266 (1177) Sycroft
»

[rat3 my webpage] l33t Hideout

Oddelek: Izdelava spletišč
311892 (1384) njok

Več podobnih tem