Konkrét lap - hol a hiba? CSS, DIV-ek
Sziasztok!
Épp weblapot készítek, de már 2 hete nem nyúltam hozzá, majd módosítottam az alsó részén. A CSS-ben és a lapon is. Egyszercsak azt vettem észre, hogy a háttérképen túlcsorul a megadott lapon. Kinyomtattam a forráskódot, minden <DIV> -hez tartozik </DIV>, ám a Firefox-ban, nem akarja az igazságot.
A lap 3 részre van bontva (felső, közép, alsó). Az alsó részen módosítottam, ám értetlenül állok a dolog felett, mert eddig ment a firefox-szal is.
A lap itt van: folap.htm
A css itt van: css.htm
A forrás meg itt: forras.htm
Firefox:
Ha esetleg megnézitek a lapot, ott látszik, hogy lenn az általam szépen megrajzolt befejező háttérkép alatt folytatódik a középső háttérkép... Eddig ez így nem volt.. :)
IE: itt megy rendesen...
A környezetemben nincs senki, aki segítsen és már kigúvad a szemem, annyira nézem.. :)Jahh és persze töröltem a cache-t, hátha az a baja... Igazából a vizsgám miatt FrontPage-ben csináltam, de a forráskódot én gépeltem be, nem használtam ki a program sok "jó" tulajdonságát, tehát nem kattingattam...
Szerintetek?
Köszönöm, köszönöm.... naaaggyon köszönöm. :)
Mara
■ Épp weblapot készítek, de már 2 hete nem nyúltam hozzá, majd módosítottam az alsó részén. A CSS-ben és a lapon is. Egyszercsak azt vettem észre, hogy a háttérképen túlcsorul a megadott lapon. Kinyomtattam a forráskódot, minden <DIV> -hez tartozik </DIV>, ám a Firefox-ban, nem akarja az igazságot.
A lap 3 részre van bontva (felső, közép, alsó). Az alsó részen módosítottam, ám értetlenül állok a dolog felett, mert eddig ment a firefox-szal is.
A lap itt van: folap.htm
A css itt van: css.htm
A forrás meg itt: forras.htm
Firefox:
Ha esetleg megnézitek a lapot, ott látszik, hogy lenn az általam szépen megrajzolt befejező háttérkép alatt folytatódik a középső háttérkép... Eddig ez így nem volt.. :)
IE: itt megy rendesen...
A környezetemben nincs senki, aki segítsen és már kigúvad a szemem, annyira nézem.. :)Jahh és persze töröltem a cache-t, hátha az a baja... Igazából a vizsgám miatt FrontPage-ben csináltam, de a forráskódot én gépeltem be, nem használtam ki a program sok "jó" tulajdonságát, tehát nem kattingattam...
Szerintetek?
Köszönöm, köszönöm.... naaaggyon köszönöm. :)
Mara
Már sokadszor ajánlom...
Már sokadszor ajánlom fórumlakónk témával kapcsolatos cikkét. Ebben minden benne van, ami ahhoz kell, hogy egy ilyen megjelenést tökéletesíts!
oldalhasabok-magassaga
s_volenszki
Igen-igen...
Igen, én is egy leírás segítségével készítettem... Ám a problémám az, hogy IE-vel megy, Firefox-szal nem, és nem találom a hibát...
http://europr.hu/tmp2/lap.css
validátor
ezek szerint mégis kihagytál egy lezáró div tag-et. és különben is használj doctype-ot.
validátor
Nagyon köszönöm. Most már így néz ki a fenti link:http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.europr.hu%2Ftmp2%2Ffolap.htm
Tényleg volt 2 div lezárás, és a doctype... De még mindig Firefoxban alul túlcsúszik... Át kell számolnom talán...
A hozzászólásodat nagyon köszönöm.
transitional doctype vs boxmodel
ff szerint (és a szabvány szerint is) egy elem teljes szélessége a width, padding, border és margin tulajdonságok összege.
ie szerint viszont (transitional módban) egy elem szélessége a megegyezik a widh tulajdonsággal, és a benne található elemek rendelkezésére álló hely csupán width-(padding+border+margin).
a magasságokkal ugyanez a helyzet.
a megoldás az, hogy strict doctype-ot használsz és átszámolod az egészet szabvány szerint.
Oké...
1. strict doctype
2. width+padding+border+margin -> egy doboz szélessége IE-ben is.
és akkor egyforma lesz a két böngészőben... Kipróbálom, remélem ez az én csúszásomnak az oka...
Köszönöm... követem az utasításokat.
Whooowww, MEGVAN A HIBA!!
Nagyon köszönöm, tényleg ez volt a hiba! Azért csúszott el a lap, mert a doctype szerinti számítást nem vettem figyelembe... :) Nagyon örülök!!! Köszönöm a segítséget!
Mara