/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
css: em vs px?
Fra : Peter Anskjær


Dato : 10-09-04 17:09

Hej NG
Jeg kigger lidt på em i forhold til px til at bestemme størrelsen på
elementer der indeholder tekst på en side, f.eks bredden af en menu. Men jeg
kan ikke rigtigt finde ud af om det er smart. Fordelen er vel at designet
bliver mere fleksibelt, men til gengæld er det vel noget mere besværligt at
lave så det ser ordentligt ud?
Jeg undrer mig f.eks lidt over denne side:
http://www.nskjaer.dk/emvspx.html
Hvorfor bliver linjen brudt i den øverste røde kasse, burde der ikke være
plads til den ligegyldigt hvad tekststørrelsen er, eller er det pga lidt
usikkerheder, i så fald, hvor meget ekstra plads skal man regne med for at
undgå tekstombrydning ved alle tekststørrelser?

Vil den blå border forneden altid være 1px når den er defineret til 0.0625em
eller skal jeg definere den som px? Er det ikke noget skidt at kombinere de
to, altså px og em, eller vil det være ok at holde em i bredden og px i
højden?

Hvis der er nogle af jer der bruger em til at lave layout med, så må i gerne
melde ud med fordele/ulemper.

Som i måske kan fornemme, så er jeg meget i tvivl om det kan svare sig at gå
fra px til em eller om det vil give for mange problemer.

Mvh
Peter



 
 
Bertel Lund Hansen (10-09-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 10-09-04 22:06

Peter Anskjær skrev:

>Jeg kigger lidt på em i forhold til px til at bestemme størrelsen på
>elementer der indeholder tekst på en side, f.eks bredden af en menu. Men jeg
>kan ikke rigtigt finde ud af om det er smart.

Em er defineret i forhold til størrelsen på den tekst der bruges.
Px er låst til en størrelse på skærmen.

>Fordelen er vel at designet bliver mere fleksibelt, men til gengæld er det vel
>noget mere besværligt at lave så det ser ordentligt ud?

Med px er det sikkert nemt at lave, men det virker kun i én
størrelse vindue. Jeg har brugt em til mit desig både på Fidusos
og mine egne sider. Så får man noget brugbart uanset hvilken
fontstørrelse browseren er sat op til.

Der er et problem med Internet Explorer og visse fonte, og derfor
har jeg på Fidusos sider låst fonten til at være Times New Roman,
noget som jeg ellers er imod, men jeg er ikke kommet til bunds i
hvad problemet skyldes.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Peter Anskjær (11-09-2004)
Kommentar
Fra : Peter Anskjær


Dato : 11-09-04 00:18

"Bertel Lund Hansen" <nospamius@lundhansen.dk> skrev i en meddelelse
news:ad54k01qk7d9i6keklrcvma93lte2b5ls5@news.stofanet.dk...
>
> Em er defineret i forhold til størrelsen på den tekst der bruges.
> Px er låst til en størrelse på skærmen.
>
Så meget er jeg med. Jeg mente nu mere om det var det værd. F.eks har jeg et
topbanner indrammet i en kasse, der ser jeg ingen grund til at gå væk fra px
da der intet tekst er der. Men derudover har jeg en menu med samme placering
som den på fiduso, den er dog indkapslet i en kasse med runde hjørner. Det
betyder jo at hvis jeg vil lave dennes bredde til em skal jeg dele det op i
mange flere billeder frem for top, midte og bund. Så spørgsmålet er om den
noget mere kludrede kode vil være det værd, det kan jo sagtens laves med px
så det er fint brugbart indtil en hvis tekstforstørrelse.
>
> Med px er det sikkert nemt at lave, men det virker kun i én
> størrelse vindue. Jeg har brugt em til mit desig både på Fidusos
> og mine egne sider. Så får man noget brugbart uanset hvilken
> fontstørrelse browseren er sat op til.

Nej, man kan da godt lave et fleksibelt design i px der fungerer ved alle
rimelige opløsninger. Hvis det skal fungere ordentligt ved alle
tekststørrelser bliver det noget sværere, men det gør det vel også selvom
man bruger em.
>
Men mit spørgsmål går sådan set mest af alt på:
Valget er imellem to ting (brugeren har mulighed for at ændre fontstørrelse
igennem browser)

1. En menu med fast bredde, f.eks 150px som så passer perfekt i bredden ved
skriftstørrelse 16 og er brugbar op til 200% og så langt ned som man vil,
indholdsdelen har derved stadigvæk en fast bredde og der undgåes vandret
scroll for det meste.

2. En menu med variabel bredde via em og derved mere eller mindre plads til
indhold afhængigt af valgt skriftstørrelse.

Jeg tror pt jeg hælder mest til fast menubredde da det fungerer op til ca.
200% forstørrelse hvilket er meget store bogstaver og derfor en rimmelig
grænse at sætte efter min mening.
Måske er det mest af alt en smagssag, for ud fra et
brugervenlighedssynspunkt synes jeg der er svagheder ved begge måder, jeg
synes f.eks ikke fiduso er specielt let at bruge ved 200% forstørrelse. Men
måske overser jeg noget.

Mvh
Peter



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408936
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste