ugrás a tartalomhoz

Árnékos hátterek, táblázat keretek és marquee gondok Firefoxban

Anonymous · 2005. Dec. 29. (Cs), 12.40
Sziasztok!

Készítettem egy honlapot, ami sajnos szétcsúszva jelenik meg firefoxban.
Mivel egyre többen nézik a rókában, így jön a sok panasz, amit meg is értek!
Nem tudom mi tévő legyek. Próbáltam már választ kapni a firefox hivatalos
fórumán is, de nem tudtak konkrétumot mondani, max hogy használjak IE TAB-ot, de elég kényelmetlen minden gépen beállítani. Ajánlották a validátort,
vagy a mozilla szerkesztőjét, de egyikkel se tudtam megoldani!
A honlap címe: www.dettk.hu Ha megnézitek explorerben és firefoxban
elég szembetünő a különbség :)

U.I: Az a problémám hogy kóddal írok mindent és nem használok szerkesztőt
lehet ez csesz be, mindenki azzal jön hogy nem a szabványnak megfelelően
írok, akkor mit kezdej hogy megoldjam ezt a problémát?

Thanx
Bandy
‹ vCard (XML) formázása CSS-sel Különböző felbontásokhoz eltérő háttér JS-sel ›
 ■
1

Editor vs. Kézi

tiny · 2005. Dec. 29. (Cs), 13.13
Hát ha editorban csinálod, akkor tuti hogy nem lesz szabványos. Mondjuk kézzel is elég ronda kódot csinálsz, már bocsi. Egyszer head-ben van a css (részekre bontva, de minek..), egyszer style="" részben.
Na most egy kicsit a problémáról is. Ami Firefoxban középre bemegy, az a border2.gif. Én kipróbáltam, hogy kivettem, de akkor eltűntek az árnyékok. Szóval ott lesz vmi bibi azzal az img résszel, de még megpróbálom áttekinteni a kódot.
Mr.Tiny
6

Firefox esetén a hibás rész

pint3r · 2011. Már. 26. (Szo), 10.59
A margin értékével van a fő probléma.
border1.gif és ff esetén: margin: 0pt 0pt 0pt 378px;
border2.gif és ff esetén: margin: 0pt 0pt 0pt -397px;

Így már jobban néz ki nálam.
Viszont az egész valahogy furán van megcsinálval. Így szerintem sosem lesz normális.
Én úgy csinálnám hogy nem két függőleges képpel tennék árnyékot a tartalom mellé, hanem az egészet beraknám egy div-be és annak pedig csinálnék egy vízszintes, keskeny csíkot aminek a két oldalán lenne az árnyék és ez lenne a div háttere, ami meg az egész oldal háttere. Így lefele lehetne ismételni a hátteret és nem lenne rövidebb az árnyék mint maga az oldal.

Szerintem tervezd át az egészet.
2

Hibák

attlad · 2005. Dec. 29. (Cs), 14.03
Javítandó HTML hibák:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dettk.hu%2F

És CSS hibák:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fhok.science.unideb.hu%2F&usermedium=all
3

HTML szabvány

zila · 2005. Dec. 29. (Cs), 14.36

<table cellspacing=0 width="757px">

<img src="/pic/border1.gif" style="position: absolute; margin: 0 0 0 757">
<img src="/pic/border2.gif" style="position: absolute; margin: 0 0 0 -18">
Itt a 2 img-t illene valami táblázat cellába tenni és nem csak úgy bevágni a <tr> elé...

valahogy így:

<div style="margin: 0 auto; width: 757px">
<table>
<tr>
<td style="background: url(/pic/border2.gif) repeat-y; width: 123px;"></td>
<td>jelenlegi site content</td>
<td style="background: url(/pic/border1.gif) repeat-y; width: 123px;"></td>
</tr>
</table>
</div>
Persze ebben az esetben csak egy pici ismételhető kép is elég háttérnek.

Vagy az egészet kivenni a table-n kívülre, de azzal több munka lenne szvsz...

üdv,
Zila
4

még vmi

Anonymous · 2005. Dec. 30. (P), 01.09
még annyit szeretnék mondani, mint látható nem úgy értelmezi a róka a style parancsokat, mint az explorer. egyrészt az árnyékkép elcsúszása, másrészt a div árnyák sem látszik a foxban, valamint a table borderek nem látszanak és a betűméretek is megugranak felfele vhol. Ezeket a problémákat hogyan orvosoljam?
5

Gaztalanítás

Jano · 2005. Dec. 30. (P), 01.28
Először is tedd rendbe a forráskodót és utána kezdj csak el azon gondolkodno, hogy mi baja lehet a különböző böngészőknek. A fentebb említett valdátort futtasd le és amig hiba nélküli nem lesz a kód addig ne hagyd abba. Egy kis segítség: 10 lépés a validság felé

Center html elem nincsen! Helyette CSS-sel tudsz középre igazítani.