Oprettet tir. d. 04. januar 2011 kl. 16:56:26

mads375
mads375 (3.585 point. Point ude: 0)


hjemmeside bredde

Hejsa.

Jeg har virkelig dummet mig. Jeg har lavet hele mit design færdig i photoshop, og jeg er gået igang med at programmere det. Nu har jeg så fundet ud af at jeg har sat min bredde for lavt.

Hvad er den normale bredde at lave en hjemmeside i idag? Jeg ønsker også der er rimelig luft i begge sider. Er det 900 px, eller hvordan?

Med Venlig Hilsen
Mads

Skrevet tir. d. 04. januar 2011 kl. 17:12:27| #1

pstidsen
pstidsen (24.749 point)
www.webintas.dk
Det er generelt dumt at angive størrelser på hjemmesider vha. pixels, procent er meget bedre idet siden så tilpasser sig alle brugeres skærmstørrelse og ikke mindst browserstørrelse ;)

Tjek: http://hjemmesideskolen.dk/layout/size.php

Skrevet tir. d. 04. januar 2011 kl. 17:23:22| #2

mads375
mads375 (3.585 point)
ok for svaret. Det vil sige hvis jeg laver mit photoshop design i 900 px. Hvor og hvordan sætter jeg så procent ind i mine tabeller?

Jeg forstår heller ikke helt, hvis jeg gerne vil styre mine baggrundebilleder via css, så skal jeg jo sætte en fast pixel bredde på i css, for at de kan vises. Så betyder procent jo ikke rigtig noget i browser vinduet, når de enkelte <td> osv er defineret ud fra css??

Med Venlig Hilsen
Mads

Skrevet tir. d. 04. januar 2011 kl. 17:27:19| #3

ohmish
ohmish (34.938 point)
Jeg synes ikke det er dumt at sætte fast bredde på en hjemmeside
http://apple.com tager sig da også glimrende ud.
Fleksibel bredde kan efter min mening ligeså nemt skade overblikket mere end det gavner.. ;)

Skrevet tir. d. 04. januar 2011 kl. 17:32:48| #4

mads375
mads375 (3.585 point)
Hejsa.

apple side ser godt ud ift. størrelsen. Hvad px bredde tror du de kører?

Skrevet tir. d. 04. januar 2011 kl. 17:38:24| #5

ohmish
ohmish (34.938 point)
De bruger ca. 980 pixels

Skrevet tir. d. 04. januar 2011 kl. 17:45:06| #6

pstidsen
pstidsen (24.749 point)
www.webintas.dk
Problemet med fast bredde er at noget som ser fint ud på din skærm kan se grimt ud på min skærm og jeg skal eventuelt bruge vandret scroll for at se det hele. Tror du kan styre det med css sådan her:

classname {
margin-top: X%;
margin-left: X%;
margin-right: X%;
margin-bottom: X%;
}

Du kan eventuelt sløjfe nogle hvis du ikke vil have margin i bunden. Du kan også prøve:

classname {
width: X%;
}

Skrevet tir. d. 04. januar 2011 kl. 17:57:27| #7

ohmish
ohmish (34.938 point)
pstidsen> det er rigtigt nok at det ser forskelligt ud på forskellige skærme.
Men nærmest ingen bruger skærm med opløsning under 1024 px i bredden (så ingen scrollbar vises), så hvis man holder sig på de 900-1000 px vil nærmest alle være glade (ellers ville de mest kendte/brugte sites heller ikke gøre det)
Men det er vel i sidste ende også smag og behag ;)
Jeg sværger bare til fast bredde, og jeg kan slet ikke huske hvornår jeg sidst så et site med fleksibel bredde..

Skrevet tir. d. 04. januar 2011 kl. 18:00:40| #8

mads375
mads375 (3.585 point)
ok, tak for hjælpen. Jeg lader lige spørgsmålet stå åbent, da det kan være der kommer flere forslag.

Det skal lige siges, det er et stykke tid siden jeg har kodet osv, og jeg har aldrig prøvet det med procent før. Jeg kan vel regne ud at hvis jeg sætter alle marginer til 100% fylder det hele siden. Hvad hvis jeg vil have bredden til 900 px, hvad skal procent tegnet så stå på 90??

Skrevet tir. d. 04. januar 2011 kl. 18:12:34| #9

ohmish
ohmish (34.938 point)
hvis du vælger at bruge f.eks bredde 960 pixels skal det sættes som width: 960px, og så behøver du ikke de procenter der.

Du kunne gøre sådan her, og så ville indholdet være smukt i midten. Evt. lave en div boks inde i div boksen, så du nemmere kan styre selve indholdet

I din HTML:

<html>
<body>
<div id="page">
alt dit indhold her
</div>
</body>
</html>

Og i css filen:

#page {
    margin: 0 auto;
    width: 960px;
    text-align: center;
}

Skrevet tir. d. 04. januar 2011 kl. 18:21:40| #10

keysersoze
keysersoze (341.048 point)
www.soze.dk
hvis man bevæger sig lidt rundt på nettet opdager man - heldigvis - hurtigt, at så godt som ingen kører med procent og det skyldes både tekniske ting og brugervenlighed, fx at design ofte bliver betydelig sværere at styre (ikke på et site som eksperten, da det ikke indeholde egentlige design-elementer, men på sider hvor indholdet er reelt designet) og at tekst bliver umuligt at læse hvis brugerne kører med høje opløsninger og dermed får meget lange linjer at læse.

Absolut eneste ulempe, hvis man da kan kalde det det, ved at køre med en fast bredde er, at en meget stor del af skærmen bliver ren luft (bare se på ekspertens grå sider i en høj opløsning) - men folk er vant til det og ser det derfor ikke som et problem.

Hvad man så skal sætte sin egen sides bredde til må være en vurdering af sidens indhold og ikke mindst målgruppen - men et realistisk bud er nok at 960-1000 er det mest normale, men også ned til 8-900 kan forsvares.

Skrevet tir. d. 04. januar 2011 kl. 18:26:00| #11

zips
zips (38.647 point)
Om siden skal være det ene eller det andet, har noget at gøre med det du vil vise på din side, for ønsker du at bestemme hvordan sideopsætningen skal være, så er det fast bredde i px, for bruger du procenter vil billeder og tekst skøjte rundt på siden alt efter brugerens skærmopløsning.

Her er et link til brugernes skærmopløsninger
http://www.fdim.dk/Statistik/teknik/skaermoploesning

Kan se at keysersoze har givet en god forklaring, men du får også lige min mening.

Skrevet tir. d. 04. januar 2011 kl. 18:33:08| #12

mads375
mads375 (3.585 point)
Hejsa.

Jeg tror jeg kører Keysersoze's forslag, han har sku altid ret alligevel:-)

Omish og pstidsen ligger i ikke også et svar. Synes i har gjort en god indsats til point her:-)

tak for hjælpen.

M.V.H
Mads

Skrevet tir. d. 04. januar 2011 kl. 18:41:00| #13

keysersoze
keysersoze (341.048 point)
www.soze.dk
Der vil altid være undtagelser til regler - igennem mere end 10 års udvikling har jeg én gang lavet en side hvor det gav mening at gøre med dynamisk bredde og det sker selvfølgelig også at sidebredden skal være meget anderledes end normen. Beslutningen skal i sidste ende drages ud fra en vurdering af brugere, indhold, design osv.

Skrevet tir. d. 04. januar 2011 kl. 18:45:14| #14

ohmish
ohmish (34.938 point)
Hvad er Keysersoze's forslag? ;)

Skrevet ons. d. 05. januar 2011 kl. 16:23:54| #15

pstidsen
pstidsen (24.749 point)
www.webintas.dk
Der var jeg for langsom :) Det går nok.

Skrevet ons. d. 05. januar 2011 kl. 16:43:12| #16

næsten alle sider bruger px i bredden, google, facebook, eksperten, osv, osv.. hvilket også er nemmest at opsætte desgin på

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   



Seneste spørgsmål

Contentområdet hopper ned

Oprettet den 11. februar 2016 kl. 22.13
madseksperten giver 200 point for svar | Giv et svar »

strukturering af database

Oprettet den 9. februar 2016 kl. 18.51
madseksperten giver 200 point for svar | Giv et svar »

datalist support

Oprettet den 9. februar 2016 kl. 10.52
madseksperten giver 150 point for svar | Giv et svar »

Seneste guides

Luk en tråd
Defraggler og din SSD.
Must-know genvejstaster til WordPress
Slettet





Computerworld

Teaser billede

Jørgen skiftede skærmen i sin søns iPhone - og nu er den død: "Det er en svinestreg"

Computerworld-læser Jørgen Bundgaard er blevet ramt af den berygtede "error 53". Han skiftede glasset på sin søns iPhone, og nu er telefonen ubrugelig.

CIO

Teaser billede

Her kan den danske stat lære noget: Sådan skifter Nordea it-platform til 7,5 milliarder kroner

Efter flere års tilløb er Nordea godt i gang med at udskifte hele sin it-infrastruktur. Læs her, hvordan projektet til mere end syv milliarder kroner minder om statens it-udfordringer, og hvordan...

Comon

Teaser billede

Xbox ramt af syv timer langt nedbrud: Så fik kendt musiker nok

Frustrationer over gårsdagens lange nedbrud på Xbox-netværket har fået gangsterrapperen Snoop Dogg til at gå amok over for Microsoft og selskabets stifter Bill Gates. Se videoen her.

Channelworld

Teaser billede

Her er de mulige - og mest sandsynlige - købere af Fona

Fona skal inden 25. februar finde en villig investor, som helt eller delvis vil overtage den kriseramte butikskæde. Alternativet er en konkurs. Her har du en oversigt over de mulige købere af...

White paper

Teaser billede

Støt produktiviteten med virtuelt samarbejde

Virtuelle samarbejdsløsninger kan være med til at øge produktivitet og samarbejde internt i virksomheden og eksternt med kunder og samarbejdspartnere. Bliv klogere på collaboration i dette...



Udgiver · © 2016 Computerworld A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger