Permalänk
Medlem

standardmått till webbsida

Vad är standardmåtten för en webbsida? Har sökt med ljus och lykta men inte fått det helt klart. Vad för mått använder man t.ex om man gör en bakgrund i photoshop, eller en header etc., så att det ser bra ut i webbläsaren. Finns det beskrivet någonstans så är jag hjärtligt tacksam...?

Permalänk
Medlem

Finns nog inget givet svar på den frågan. Gjorde mina hemsidor tidigare efter max 800pixlar, alltså vart sidan ca 780pixlar, så man slipper scrollen längst ner (sidförflyttning). Idag när "alla" har widescreen skärmar har ju bredden ökat markant.

Det beror också på vilken typ av besökare du förväntar dig och vilken plattform de använder.

Så en universalstorlek finns nog inte. Själv fortsätter jag med 800px, men låter sidan växa med tex annonser eller textblock om användaren har bredare browser.

Permalänk
Medlem

Här har du lite statistik om skärmstorlek:

Browser Display Statistics

Visa signatur

data, representation av värden, text etc. lämpad för överföring, tolkning eller bearbetning av människor eller maskiner.
dator, digital automatisk beräkningsmaskin som styrs av ett i dess minne lagrat program.

Permalänk
Korsordsguru

Om man kollar på de ramverk som finns till CSS så är 960 pixlar populärast, vad jag sett, att använda. 960/950/940px syns även på väldigt många webbsidor idag. Sedan är det ju väldigt smidigt att använda t.ex. 960 Grid System när man gör själva designen också. 960.gs templates finns att ladda ner till Photoshop och andra program med.

Visa signatur
Permalänk
Medlem

En simpel grej är ju annars bara att fixa allting centrerat så passar de bra till alla hemsidor T.ex som facebook har gjort

Visa signatur

10700K | NVIDIA RTX 3080

Permalänk
Medlem

Hm, ska försöka läsa in lite mer om det, får tacka för svaren så länge!

Permalänk
Medlem

Jag kastar in mitt bidrag i debatten.

Själv har jag senaste året hållit mig inom 1024 pixlar i bredd.

Det har fungerat generellt bra på dom flesta skärmar tycker jag.
Även hyfsat på mobila enheter.

Dock så funderar jag alltid på vad som är lämpligt för sidan.
Vad som den skall användas till och vilken typ av information man vill lyfta fram med mera.

Men skulle jag göra något mer mobilt anpassat så tittar man ju på och implementerar CSS som tar hänsyn
till dom mindre skärmarna.

Lycka till.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Skrivet av BlueEyes:

Själv har jag senaste året hållit mig inom 1024 pixlar i bredd.

Det har fungerat generellt bra på dom flesta skärmar tycker jag.
Även hyfsat på mobila enheter.

Man får även tänka på att inte alla kör sin webbläsare i fullskärmsläge. Mitt fönster tenderar t.ex. att vara ca 1000x700, även om min skärm råkar vara 1440x900.

Permalänk
Medlem
Skrivet av You:

Man får även tänka på att inte alla kör sin webbläsare i fullskärmsläge. Mitt fönster tenderar t.ex. att vara ca 1000x700, även om min skärm råkar vara 1440x900.

Det stämmer. Folk kör sina webläsare eller program överhuvudtaget i olika lägen.

Men jag gillar på något sätt att veta hur min design kommer uppföra sig generellt över webläsare.
Och det är inte allt man vet hur en "flytande" kommer bete sig.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem

Med tanke på att så sjukt många skärmar är 1920 i bredd och att Windows 7 (med "snap") börjar bli ganska standard tycker jag det skulle varit perfekt att köra en bredd som passar en browser "snappad" till halva skrämens bredd (1920/2 - lite marginaler). För mig som kör med en single WS-skärm är det perfekt att kunna dela upp allt i två lika stora fönster, snabbt och enkelt. Som att köra med två mindre skärmar typ. Dessutom skulle den bredden funka fint även för många vanliga laptops. Enligt min erfarenhet, och som nämnts ovan, verkar dock bredden vara typ 960 px, vilket ofta funkar OK för att köra på halvskärm men det brukar ändå sluta med att man måste sidoscrolla vilket är "extremt" jobbigt (a.k.a. dagens I-landsproblem!).

Annars är det ju schysst när bredden anpassas efter browsern, men jag kan tänka mig att det inte riktigt passar alla typer av webbsidor (bör iaf göra det bra mycket krångligare).

Permalänk
Medlem

Varför inte koda ett script med olika externa css filer? ex en 960px upp till 1024px eller liknanade. Det skulle jag gjort. Som ändras efter skärmens upplösning naturligtvis.

Permalänk
Medlem
Skrivet av rowb:

Varför inte koda ett script med olika externa css filer? ex en 960px upp till 1024px eller liknanade. Det skulle jag gjort. Som ändras efter skärmens upplösning naturligtvis.

Helt klart ett alternativ, speciellt nu med det kraftfulla @media som förbättrades markant i CSS3