Kezdőoldal » Számítástechnika » Weblapkészítés » Sticky footer firefox probléma?

Sticky footer firefox probléma?

Figyelt kérdés

Az alábbi oldalon a sticky footer technikát alkalmaztam. Chrome -ban, edge -ben, ie11 -ben, szinte minden böngészőben működik. Kivéve firefox -ban. Tudnátok segíteni?


[link]



#HTML #Firefox #Chrome #CSS #sticky footer
2015. nov. 13. 16:16
 1/7 anonim ***** válasza:
Ne használj CSS-ben calc()-ot.
2015. nov. 13. 18:00
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:

Nem oldja meg.

Firefox:

[link]


Chrome:

[link]

2015. nov. 13. 19:18
 3/7 Argloss ***** válasza:

.content {

/* min-height: calc(100% - 203px - 3em);*/

height: 100%;

max-height: calc(100% - 203px - 3em);

/* ... */

}

2015. nov. 14. 22:54
Hasznos számodra ez a válasz?
 4/7 Argloss ***** válasza:
Amúgy hülye vagyok... :)
2015. nov. 14. 22:56
Hasznos számodra ez a válasz?
 5/7 Argloss ***** válasza:

.wrap{

position: relative;

min-height: calc(100% - 200px);

}


footer{

width: 100%;

position: absolute;

bottom: 0;

left: 0;

}

2015. nov. 14. 23:14
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:
akkor már inkább adj a contentnek akkora bottom paddingot, amekkora a footer, nem kell calcolgatni
2015. nov. 17. 19:29
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:

meg persze height 100% & box sizing

[link]

2015. nov. 17. 19:29
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!