Jag har börjat på en design som ska använda 100% av webbläsarens fönster. Detta medför lite problem. Jag kan enkelt göra så designen anpassar sig men hur ska jag göra med innehållet? Om man exmeplvis har en bild med text så kommer texten att dras ut och bli väldigt lång och inte passa bra till bilden om användaren kör en hög upplösning.

Jag har vissa kolumner som är fasta men innehållet måste ändå anpassa sig till skärmen. Hur ska jag lyckas med detta på ett bra sätt eller ska jag ändå ha en fast bredd på innehållet och låta större upplösningar se vitt vid sidan om?

Har alltid jobbat med designer optimerade för 800x600 och det fortfarande många som använder det även om 1024x768 dominerar.

Jag bygger oftast med frames och fast kolumnbredd. Detta för att vara säker på att sidan visas korrekt för användaren.

800x600 är fortfarande en bra upplösning att utgå ifrån.

Peter

Frames.... nej tack! Men finns det inget smart sätt att lösa det på så inte de med hög upplösning ser halva skärmen med vit text. PHP kan väl inte känna av upplösningen på skärmen? Och att lösa det med javascript blir inte skoj.

Det är väl inget större problem. Du får helt enkelt använda absoluta mått på bilden. Är det en grafikdetalj vi talar om är det enklast att du definierar en postition för den och om det behövs delar upp och upprepar den. Jag har funnit att CSS kan vara väldigt användbart då man arbetar med grafikdetaljer (speciellt bakgrunder) i relativa sidbrädder (t.ex. 100%).

Frames är kasst, använd tables. Här finns all info om css:
http://www.w3.org/TR/CSS2/

Tables är kass, använd div-taggar. ;)

Ta dig en titt på följande artikel: www.alistapart.com/articles/elastic/

alternativet är att man kollar av användarens upplösning innan man öppnar ett fullsize window. Efter det låter man användaren få en sida anpassad efter upplösning. tex 800x600.html respkt 1024x768.html.
Dessa sidor innehåller olika stora bilder osv... lite bökigt att uppdatera kanske men med lite include filer så fixar man det också. Olika stylesheets med olika stora textfonter tex.

Sen finns det ju flash förstås...

/ Fredrik

Nej nej nej...nej! Det är dumt att ta sådana genvägar. Det är mycket bättre att lära sig hantera CSS på ett vettigt vis annars kommer man antagligen sitta med sådana "nödlösningar" tills fan kommer och avlöser en.

Håller med Jester. Det är CSS och div-taggar som gäller!

http://w ww.mardiros.net/liquid-css-layouts.html

Nu får man enligt forumreglerna inte inkludera urls på grund av att sidan kanske kan hamna offline och liknande. Det här är dock en tutorial på hur man optimerar sin websida för det mesta inom upplösningar och webläsare... och den är på flera sidor, inget jag alltså kan sammanfatta här.

Precis det du söker? ;)

Som det redan har påpekats är ramar inget man ska använda på en seriöst site. Frames är en antik kvarleva som bara ställer till det för användaren och webbsidoägaren.

För det första indexeras undersidor av sökmotorer så att man hela tiden måste tänka på att skripta så att man forwardas till "ramverket" ifall någon försöker nå en undersida. Om man inte gör det riskerar man att användaren kommer till en okomplett sida och då är den "profssiga känslan" av webbsidan borta.

Ett annat problem för slutanvändaren är att man inte kan bookmärka en speciell undersida på en site som använder frames.

Som sagt. Varje gång du tänker använda frameset bör du ta ett papper och skriva minst 100 ggr "Man ska inte använda frames"

/Zoran

Säger som alla andra CSS tabeller, ett tips är att inte göra sidan bredare än 770px, så de som kör med 800x600 får med en vertikal scroll om det behövs, så slipper de den horizontella scrollen.

Men nu var det ju 100% han ville ha...då slipper man definitivt den horizontella scrollen.

Vad jag menade var att han först ska göra sidan i 770, med alla menyer och allting, sen ändra den till 100%, för den kan ju ändå få horizontella scrollar, detta är för att förhinda att de med 800x600 får det.

Då förutsätter du att han använder element med absoluta mått i designen.

Jag brukar konstruera sidan så att det begränsade området har "min-width: 750px," och sedan använda relativa för de element som inte har någon begränsning åt höger (för vänsterjusterade sidor).