ugrás a tartalomhoz

Firefox alatti fieldset hogyan lesz ugyanolyan szép, mint IE-ben?

xeras · 2008. Júl. 1. (K), 21.52
Sziasztok,

ha csinálok egy fielsetet, akkor az IE-ben gyönyörűszép halvány, lekerekített sarkú lesz, még FF-ben ronda, szögletes, csúnya, brr.

Hogy lehetne (CSS-sel akár) FF-ben is szépre varázsolni?

Köszönöm!
‹ setTimeout() - clearTimeot() / A setTimeout-hoz tartozó azonosító létezik-e? scroll jquery-vel ›
 ■
1

Nem valid CSS

Poetro · 2008. Júl. 1. (K), 22.36
Mozilla böngészők alatt létezik a -moz-border-radius CSS tulajdonság, ami a CSS3-ban levő border-radius tulajdonságot emulálja. Amit egyszerű megcsinálni:

fieldset {
  border-style: solid;
  -moz-border-radius: 5px;
}
Vagy kikapcsolhatod a bordert és képekkel oldod meg a sarkokat és a keretet. Az meg már megint más kérdés hogy kinek, mi a gyönyörű. Például az IE szvsz nem az.
2

pontosan!

xeras · 2008. Júl. 1. (K), 23.17
óó, dánke sön, tökéletes, pontosan erre gondoltam :)
3

és IEben hogy van

zzrek · 2008. Júl. 2. (Sze), 08.58
És az IE-ben itt hogyan van megoldva, hogy kerek a sarok?
4

Alapértelmezett

Poetro · 2008. Júl. 2. (Sze), 11.40
Az IE-ben az operációs rendszer alapértelmezett fieldset stílusát látod, nézd meg például a Megjelenítés tulajdonságok alatt a Beállítások fül tartalmát, vagy az Egér tulajdonságai ablakot a Vezérlőpultban, és rá fogsz jönni, hogy PONTOSAN ugyanugy néz ki.
6

áhá!

zzrek · 2008. Júl. 2. (Sze), 21.38
Áhá, köszi.
De azért hozzátenném, hogy akkor értem már, hogy nálam miért nem olyan lekerekített az IE-ben sem: nekem nem "Windows XP stílus"-ban, hanem "Klasszikus windows-stílus"-ban van az XP-m... Szóval a kérdezőnek is tanulság: ha erre hagyatkozik, nem mindenkinek fog úgy megjelenni IE-vel sem, ahogy szeretné (lekerekített sarokkal).
(Ha jól sejtem egyébként az IE-re nincs sarokkerekítő CSS módszer, ugye?)
7

de van

toro · 2008. Júl. 3. (Cs), 00.29
dehogynem: ugy hivjak background-image es olyan sarkot csinalsz vele amilyet akarsz: csucskos, kerek, jugend style, viragocska, madarka es igy tovabb.

erdemes lenne szerintem nem a felkesz bongeszofuggo, hackelt stb. megoldasokat hajkuraszni, hanem a megbizhato korrekt css megoldasokkal operalni. ugy nem kellene mas felbehagyott munkajat orakon keresztul ganajozni.
Es tessek korulnezni: a winXP-n kivul meg van mas op rendszer is, es az IE7-FF3 paroson kivul van meg sok bongeszo: milyen css munka az ahol FF es IE alatt megy a lap es Opera alatt darabokra hullik?
8

nincs

zzrek · 2008. Júl. 3. (Cs), 00.42
Szóval akkor nincs :-)
A többivel egyetértek természetesen (gondolom nem is nekem szólt)
9

:)

dadikovi · 2008. Júl. 15. (K), 19.08
Toro: az az én weblapom :D:D:D
Amúgy még kész sincs, de már most pesszimista vagyok ilyen téren (((.
12

De van (lesz)

Gixx · 2010. Nov. 21. (V), 08.25
Úgy hívják majd, hogy IE9 :)
5

opera?

Thom · 2008. Júl. 2. (Sze), 16.59
Esetleg nem létezik ehhez a -moz-border-radius hoz hasonló más böngészőre (pl. Operára) is?

Bár visít rá a css validátor, mert tényleg nem szabványos és nem is szeressem az ilyen "hekkeléseket", de működik. És nem csak a fieldset lekerekítésre (ami ugye az IE-ben adott), hanem bármire.
10

Tessék olvasni

janoszen · 2008. Júl. 15. (K), 19.14
A -moz böngészőspecifikus előtag és a border-radius éppenséggel CSS3-as tulajdonság (Elvileg CSS3-as módban nem szabadna rá visítania a validátornak). Érdemes ezt az oldalt nézegetni: http://www.css3.info/
11

lekerekített sarok

FloriOn · 2010. Nov. 20. (Szo), 19.49
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;

Ez IE-n kívül mindenre jó!:D
13

Operára is lehet

Thom · 2010. Nov. 21. (V), 13.18
Kiegészíthető a stílus, akkor operára is jó lesz:

fieldset {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	}
Sőt, itt található megoldás IE-re is (ha nem fieldset, hanem más elemet akarunk lekerekíteni). Igaz, hogy ez is "hekkelés", de működik, és ezzel megfelelő cross-browser megoldást lehet adni többféle html elem esetén is.
14

-o-border-radius javaslásával

kuka · 2010. Nov. 21. (V), 16.46
-o-border-radius javaslásával én visszafogottabb lennék. Emlékeim szerint Opera már közvetlenül a border-radius támogatásával indult, vendor prefix nélkül. És ezzel az emlékkel nem csak én vagyok így, lásd például Was -o-border-radius actually ever supported?.

(Más kérdés, hogy miért is kellett előásni ezt a 2++ éves szálat.)