memmem Posted December 5, 2008 Posted December 5, 2008 Sziasztok! Elõször is szeretnék gratulálni Balázsnak a lassan már féléve elkezdett websuliához! Rendkívül hasznos és könnyen érthetõ, csak így tovább! Viszont lenne egy problémám. Van jelen pillanatban egy készülõ honlapom (házi feladat), ahol egy div-nek szerettem volna két háttérképet beszúrni, de ezt tudtommal nem lehet. De itt a kép így egyszerûbb: http://kepfeltolto.hu/i/?305640 Kód: #kozep { background-image: url(kepek/edge.gif); background-repeat: repeat-y; background-position: left; } Ha külön div-ekbe tszem az nem jó, mert nem tudok megadni fix magasságot, mivel addig kell érnie, amíg van szöveg, és az állandóan változik. Másik gondolatom, az volt, hogy csinálni egy képet a kettõbõl, de akkor meg pontosan ki kell számolgatnom, a méreteket. Szóval esetleg van valami egyszerûbb megoldás?
Garono Posted December 5, 2008 Posted December 5, 2008 Forráskód esetleg? Így elsõre azt csinálnám, hogy abba a nagyobb, szürke hátterû DIV-be beletennék még két másik DIV-et, mindkettõnek "position: relative", majd az egyiknek "float: left", a másiknak "float: right" tulajdonságokat adnék. Bár látni kellene az oldal szerkezetét, hogy megoldható-e egyáltalán?
enjoys1ng1ng Posted December 5, 2008 Posted December 5, 2008 Csak így tudom pillanatnyilag elképzelni. Van egy "wrapper" annak megadtam a background image-et bal oldalra ismétlõdni függõlegesen, s ebbe a wrapper div-be betettem a valódi tartalmat "content" névvel, ennek pedig megadtam ugyanazt a background image-et csak éppen jobb oldalra helyezve függõlegesen ismétlõdve. A másik megoldás az lenne hogy csak egy div van de akkor elkészítesz egy olyan széles background image-et amilyen széles az a div és megadod a repeat-y stílusjegyet hozzá. Viszon akkor ugye nagyobb a file size az image-nek, tehát lassabban töltõdik be, s ezzel fölöslegesen terheled a weblapodat. Azt gondolom, hogy ez a plusz wrap div nem akkora teher mint egy nagyobb image. Nem tudom. Mások mit szólnak hozzá? De lehet, hogy valaki tud még jobb megoldást. IE6-ban nem tudtam ellenõrizni, de remélem rendben van. /******************************************************/ Hol van Balázs websulija??????????????????
payskin Posted December 5, 2008 Posted December 5, 2008 ír: Az nekem innen elérhetetlen. Nem baj, te azt már mind rég tudod, amirõl jelenleg szó van benne.
Fujitsu Posted December 6, 2008 Posted December 6, 2008 Van egy weboldalam, amely a böngészõterület teljes szélességét kihasználja. Éppen ezért úgy gondoltam, hogy a dobozok (<div> tagek) szélességét százalékosan adom meg a stíluslapon, hogy különbözõ felbontásokban is ugyanúgy nézzen ki az oldal. Példának okáért van egy 100 pixeles magasságú dobozban négy másik doboz, amelyek szélessége egyenként 25%. Az oldal teljesen valid (a CSS is), Firefox és Opera alatt nincs is gond a megjelenítéssel: a dobozok szélessége ugyanakkora, a szülõ elem szélességének 25%-a, s a dobozok egymás mellett helyezkednek el (az elsõ három balra, az utolsó jobbra van floatolva). A szülõ elem szélessége 100%. A probléma az, hogy a kb. Internet Explorerben eltûnik a legutolsó (jobb szélsõ) div. A böngészõ ablakának összehúzása közben idõnként bevillan (!) az eltûnt doboz, de egyébként (például teljes képernyõn) nem látszik. Ha ennek a doboznak a szélességét 25% helyett 24.9%-ra állítom be, akkor nincs ilyen gond. Sajnos nem ez az egyetlen probléma. Van egymás mellett két doboz, mindkettõ szélessége 50% (a szülõ elem szélessége 100%). A bal oldali balra, a jobb oldali jobbra van floatolva. Firefoxban és Operában semmi gond a megjelenítéssel, de az Internet Explorerben a jobb oldali lecsúszik az eredeti helye alá. Ha a jobb oldali doboz szélességét 49.9%-ra állítom be, akkor nincs gond. Mit csinálok rosszul? (Eddig még nem nagyon találkoztam ilyen problémával, mert többnyire fix szélességû, középre igazított oldalakkal foglalkoztam.) Vagy menjek tüntetni Redmondba?
KGigi Posted December 6, 2008 Posted December 6, 2008 Menj tüntetni. Én rendszeresen tapasztalok ilyet az IE-vel. Még fix szélességgel is eljátssza néha.
Garono Posted December 6, 2008 Posted December 6, 2008 @Fujitsu Adj neki még display: inline; position: absolute; tulajdonságokat (mármint a kakukktojás negyedik DIV-nek)!
Fujitsu Posted December 6, 2008 Posted December 6, 2008 Ha így teszek, a negyedik div felveszi az oldal teljes magasságát (Firefox alatt is). @ KGigi: Az a baj, hogy a felhasználók többsége még mindig Internet Explorert használ.
Garono Posted December 6, 2008 Posted December 6, 2008 Akkor is, ha megadsz neki egy konkrét magasságot? Bár gondolom a dinamukis dinamikus tartalom miatt nem igazán kivitelezhető.
enjoys1ng1ng Posted December 6, 2008 Posted December 6, 2008 Mivel most nem tudom IE6-en kipróbálni ezért csak a levegõbe "ötletelek".... Kipróbáltad azt, hogy a szülõ div-nek nem adod meg, hogy "width:100%"? Erre nincs is szükség, hiszen alapesetben ez a tulajdonsága. Az is gond, ha véletlenül valamelyik gyermek div-nek padding-et vagy margin-t rendelsz. Már egy ideje próbálom azt az alapszabályt betartani, hogy ha valaminek megadom a szélességét, akkor soha nem adok neki padding-et vagy margint, inkább a benne lévõ tartalomnak rendelem hozzá ezeket a tulajdonságokat. Ha semmi nem segít - szerintem semmi gond nincs azzal ha azt a 0.01%-ot hagyod megenni az IE-nek. Legyen vele boldog. Még mindig jobb mint ha szétcsúszik az oldalad. Ja, és még valami: próbáld ki, hogy beállítasz a css file-od elején mindenre "margin:0; padding:0;" -t. * { margin:0; padding:0; outline:none; } Ez sokmindent megold.
Fujitsu Posted December 6, 2008 Posted December 6, 2008 Akkor is, ha megadsz neki egy konkrét magasságot? Nem, akkor megfelelõen megjelenik mindenütt. Sõt, a javaslatod megoldja a két egymás mellett lévõ dobozzal kapcsolatos problémát is. Tulajdonképpen most én voltam figyelmetlen, mert a position:absolute mellett nem várható el, hogy a height:100% is megfelelõen mûködjön az adott helyen. Mivel most nem tudom IE6-en kipróbálni Én sem. Most az IE7 játszott az idegeimmel. Kipróbáltad azt, hogy a szülõ div-nek nem adod meg, hogy "width:100%"? Erre nincs is szükség, hiszen alapesetben ez a tulajdonsága. Nem, a bûnöm az volt, hogy a negyedik div magasságának 100%-ot adtam meg, nem pedig a szülõ div magasságát (100px). Az is gond, ha véletlenül valamelyik gyermek div-nek padding-et vagy margin-t rendelsz Csak a gyermek dobozokon belül rendeltem paddinget vagy margint az egyes elemekhez (bekezdések, képek); tapasztalataim szerint ezek nem befolyásolják a doboz helyzetét. Ha semmi nem segít - szerintem semmi gond nincs azzal ha azt a 0.01%-ot hagyod megenni az IE-nek. Legyen vele boldog. Még mindig jobb mint ha szétcsúszik az oldalad. Tökéletesen egyetértek, hagytam is volna a fenébe, csak bosszantott, hogy örökké probléma van az IE-vel. A margin-top neki nem jó, helyette paddinget kell alkalmazni, input:focusról meg hasonlókról még hírbõl sem hallott... Kezd elegem lenni belõle. Ja, és még valami: próbáld ki, hogy beállítasz a css file-od elején mindenre "margin:0; padding:0;" -t. Minden stíluslapomat az általad beírt kódrészlettel kezdem. A lényeg, hogy sikerült megoldást találni a problémára. Köszönöm a segítséget mindkettõtöknek!
Csaba_1 Posted January 17, 2009 Posted January 17, 2009 Sziasztok! Valaki elmagyarázná nekem, hogy mit jelent css-ben az !important? Láttam olyat, is hogy !import. Mit jelentenek?
KGigi Posted January 17, 2009 Posted January 17, 2009 Felülírhatod vele a felhasználói CSS-t. Így mindenképp az érvényesül, amit Te állítasz be.
enjoys1ng1ng Posted January 21, 2009 Posted January 21, 2009 Két demo oldalt kell elkészítenem, s már a végénél tartok, de a print css nem működik rendesen mert Firefoxban is és Internet Explorerben is ha a print preview-t használom, csak az első oldalt mutatja, s sajnos csak az első oldalt nyomtatja ki. results page details page css print css Nagyon hálás lennék ha valaki tudna segíteni. A print.css-be valószínűleg már betettem kínomban rengeteg fölösleges kódot, azt hiszem már mindent kipróbáltam, de már nincs új ötletem.
KGigi Posted January 21, 2009 Posted January 21, 2009 Nem inkább a JavaScripttel van gond? Gondolom azzal váltasz. Hogy érted, hogy első oldalt?
enjoys1ng1ng Posted January 21, 2009 Posted January 21, 2009 Nem, sajnos nem használok javascriptet csak a popup help oldalakhoz. Igazából csak a result oldalnál látható a hiba mert a "details" oldal tartalma nem elég hosszú ahhoz, hogy a hibát látni lehessen. Ha megnézed a print preview-t akkor az eredmények listája kb. az ötödik-hatodiknál véget ér a lap alján (ráadásul egy "dl" kellõs közepén" és hiányzik a maradék kb. 4 eredmény. (Összesen tíz eredmény van megjelenítve egy oldalon). Firefox mutatja is, hogy lenne második oldat a nyomtatásban, de üres lap... elbújik valahova a tartalom. Amikre gondoltam, hogy gondot okozhatnak: - kiszedtem az összes "float"-ot - kiszedtem az "overflow:hidden"-t és megváltoztattam "auto"-ra - töröltem a fix szélességeket.... Próbálkoztam a "page-break-after" és társaival, de nem változott semmi tõlük.
KGigi Posted January 21, 2009 Posted January 21, 2009 Sajnos nem tudom megnézni, mert nincs nyomtatóm...
enjoys1ng1ng Posted January 21, 2009 Posted January 21, 2009 Bal fölsõ sarok: file - print preview (vagy nyomtatási kép).... azt hiszem nem kell hozzá nyomtató, hogy meg lehessen nézni a nyomtatási képet. Az én nyomtatóm most nincs bekapcsolva mégis mûködik a print preview.
enjoys1ng1ng Posted January 24, 2009 Posted January 24, 2009 Sziasztok, még mindig nem sikerült megoldanom ezt a problémát . Nincs ötlete valakinek?
enjoys1ng1ng Posted January 25, 2009 Posted January 25, 2009 Sziasztok, figyelmetekbe ajánlom ezt az oldalt. Nagyon hasznos tud lenni amikor színvilágot választotok a weblapotoknak. (a lap közepén az "OK" jelzésre kell koncentrálni )
SzeZo Posted January 26, 2009 Posted January 26, 2009 Sziasztok! Azt szeretném elérni, hogy a CSS-ben megadott betûméret ugyanúgy nézzen ki FF-ban is és IE7-ben is. Jó néhány órán át keresgéltem, de nem találtam megoldást. Megpróbáltam a %-os verziót is, body { font-family: arial, "lucida console", sans-serif; font-size: 100%} #property{ font-size: 50%;} mert a px-ben megadottal nem boldogultam. FF-ben minkét módon szépen követi az elõírt méretet, IE-ben viszont iszonyat ronda, nagy betûk maradnak.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now