CSS styra spaltbredd

[Urban Anjar]

Jag har löst detta med tables tidigare, men om man har en
webbsida och vill styra bredden på ett textfält till exempelvis
80 tecken (eller motsvarande i mm) hur gör man det med CSS?

[DrMegahertz]

Har inte enheten "em" i css nånting med teckenbredd att göra? Kanske kan vara värt att prova; width: 80em;

Edit: Det var baskemig teckenhöjd som em syftade på.. Då kanske det inte duger lika bra för ändamålet trots allt..

[jan]

testa med ex.
width: 50%;

Du kan kolla min sida lynga.com hur jag har gjort, eller här
http://www.w3schools.com/css/css_reference.asp

[upnorth]

Det här gäller brödtext i Wikin, bara så ni vet.

[vulfgar]

Finns det något (enkelt) sätt att låta användaren själv ändra bredden efter eget önskemål? Jag vet att det gick att ställa in så när man använde frames, det borde kunna gå med lager också, eller?

Vissa, tex Urban, vill ju ha smala spalter, medan andra, tex jag, vill utnyttja hela bredden på skärmen. Det bästa är ju om båda önskemålen kan tillgodoses i samma tema. Detta skulle ju gå om man själv kan ändra spaltbredden i webbläsaren.

[Urban Anjar]

Kom bara inte dragande med att minska bredden på webbläsarfönstret för det ger visserligen den önskade spaltbredden om den är kodad i procent, men det sabbar allt annat i design- och layoutväg, tar bort utrymme för tabs och bokmärkesfält och annat som man inte vill. Kolla in den här sidan som exempel: http://www.dn.se/DNet/jsp/polopoly.jsp?d=147&a=742584

[vulfgar]

Kom bara inte dragande med att minska bredden på webbläsarfönstret för det ger visserligen den önskade spaltbredden om den är kodad i procent, men det sabbar allt annat i design- och layoutväg, tar bort utrymme för tabs och bokmärkesfält och annat som man inte vill. Kolla in den här sidan som exempel: http://www.dn.se/DNet/jsp/polopoly.jsp?d=147&a=742584

Jobbig att läsa. Ett stort tomt utrymme på höger sida och alla text ihopklämd allra längst till vänster.  Om textutrymmet är smalt så är det bättre om det är centrerat, eller i alla fall en ordentlig vänstermarginal. Att jag har jobbigt för så vänsterställda sidor som DNs kanske beror på att mitt vänsteröga är väldigt dominant. Dom flesta har dominant högeröga.

[PappaBj0rn]

Det är nog em du bör använda iom att det tillåter anändare att ändra storlek via sin browser om personen så önskar. Vad du ska ha  för värde får du testa fram tror jag. Em är ju  relativt och det går att ändra hur långt 1em ska vara.

Vill man ha olika fasta konfigurationer kan man enkelt speca flera css:er och ha en liten js-väljare för att peka ut vilken css som skall användas.

[Urban Anjar]

En rejäl vänstermarginal har jag inget emot, inte heller att man använder högermarginalen till bilder, länkar till nyheter, bloggar och vad det nu kan vara. Var kreativa!

[maths57]

Går det inte att helt enkelt använda pixlar, t ex width:50px, eller nåt? Det ger ju en fast bredd i alla fall.

[Urban Anjar]

Det borde fungera och då får man bara prova ut hur många
pixlar det går åt för att få plats med sisådär 70-80 tecken och
det borde bli sisådär 400 px

Exempelsida: http://www.it.hik.se/handledning/

[maths57]

Det hänger ju lite grann på storleken på texten också. Men jag testade det här och fick runt 70 tecken per rad.

width: 450px;
font-size: 12px;

[jan]

vad jag förstår så bör inte px användas, http://www.webdesignskolan.com/css/css.htm#enheter

[maths57]

vad jag förstår så bör inte px användas, http://www.webdesignskolan.com/css/css.htm#enheter

Det beror nog på. Enheten pixlar är en fast storlek. Vill man att sidan ska skala efter webbläsarfönstrets storlek är det ingen bra lösning. Då kanske man ska använda procent eller em. Men i det här fallet verkade det som om bredden skulle vara fast och då borde pixlar duga.

[Ulsak]

Jag lärde mig apmycket webdesign på Web Developers Virtual Library http://www.wdvl.com