ugrás a tartalomhoz

Design egyeseknél szétesik

Attus · 2007. Május. 21. (H), 10.44
Van egy oldal. Nem is túl bonyolult.
http://www.hotelwien.hu/070520/hun/prices.html

Nálam pontosan úgy néz ki, ahogy kell, mindenféle böngészővel. Más gépről, egészen máshol nézve szintén. Ugye ennek úgy kéne kinézni, hogy a világosszürke doboz felső részén van egy két-három szövegsornyi üres terület, és utána kezdődik a sötétszürke doboz. És én pontosan ezt is látom.
Azonban egy ember, egy gépen nem így látja, hanem úgy, hogy a sötétszürke doboz felcsúszik egészen a világosszürke tetejéig, a két doboz felső éle egy vonalban van.
Én csak a body tageken belüli részt írtam (az egész honlap elég tré, azt nem én csináltam, csak ezt az egy részt kellett átalakítanom), valamint a CSS-ből a legalján lévő szekciót.
Nem is izgulnék különösebben az egy eset miatt, ha nem pont a megrendelőnél esne szét a design.

Én többszöri átnézésre, mindenféle eszközökkel vizsgálva sem találok hibát. Pedig nyilván van, különben mindenütt stimmelne.

Vajon mit hagytam figyelmen kívül?
 
1

több info-t

gex · 2007. Május. 21. (H), 11.38
akinél rosszul jelenik meg milyen oprendszert használ, milyen böngészőt és milyen felbontást?
2

WinXP+IE

Attus · 2007. Május. 21. (H), 11.49
Windows XP és IE6, a felbontásra rákérdezek, de biztosan nem 800×600, hanem annál nagyobb.
3

Semmi különös

Attus · 2007. Május. 21. (H), 12.23
1024×768
4

hát, nálam jó

gex · 2007. Május. 21. (H), 12.32
nálam is jól néz ki, két dologra tudok gondolni
- cache (ne csak frissítsen, hanem törölje a teljes helyben tárolt tartalmat)
- xp/sp1/sp2 ugyan nem tudom mekkora különbségek vannak ieben, de hátha
5

na

Fraki · 2007. Május. 21. (H), 20.14
Nekem operában rossz. Firebugban az alábbi helyen ha a 39px-t lenullázom, akkor FF-ben is ugyanúgy hibás lesz, tehát azzal a szabállyal van a gond. Írd ki mind a négy értéket (39px auto 3px auto)!

#prices table {pink_style.css (line 443)
  background:transparent url(../images/pr_tdbg.png) no-repeat scroll left top;
  font-size:85%;
  margin:39px auto 3px;
  padding:3px;
  width:530px;
}
6

Firebug

Attus · 2007. Május. 22. (K), 22.24
Ezzel az a baj, hogy ezt a kódot a Firebug generálta le. Az eredeti így néz ki:

#prices table {
	margin: 39px auto 3px auto;
	padding: 3px;
	width: 530px;
	background: url(../images/pr_tdbg.png) top left no-repeat;
	font-size: 85%;
}
7

Table és Opera

Attus · 2007. Május. 23. (Sze), 08.54
Azt csináltam, hogy a table-t belefoglaltam egy div-be, és a pozicionáló CSS-értékeket ehhez a div-hez állítottam be, és így Opera alatt is jó lett. Még várom a visszajelzést a megrendelőtől, hogy nála mi a helyzet.
http://www.hotelwien.hu/070523/hun/prices.html
8

OSX Tiger-en

hector · 2007. Május. 23. (Sze), 09.31
Opera 9.20: http://img172.imageshack.us/img172/3425/picture2sx3.png
Safari: http://img176.imageshack.us/img176/4609/picture3ig4.png
9

7-es

Attus · 2007. Május. 23. (Sze), 13.34
Köszi. És a 7-es hszban található link?
10

otthon

hector · 2007. Május. 23. (Sze), 13.57
Ehh, de hülye vagyok, nem vettem észre az új linket :)
Most nem vagyok mac előtt, de este ránézek.
11

újra

hector · 2007. Május. 24. (Cs), 08.36
Safari: http://img407.imageshack.us/img407/5690/picture1wd8.png
Opera: http://img236.imageshack.us/img236/4746/picture2ad9.png
12

Nagyjából OK

Attus · 2007. Május. 24. (Cs), 09.05
Köszi. Ez már egy fokkal egészségesebb, az Opera egészen jó, a Safari is elmegy. Azért még majd megpróbálom azt is kiigazítani, de a megrendelőnek már meg fog felelni. :-)