Procentstyrd tabell med maxvidd
 

Hej,

Jag gillar nittiotalet och fortsätter webbprogrammera därefter...

Skämt åsido. Tills en riktig webbprogrammerare kan ändra om mina fulkoder behöver jag en "quick fix" och kanske finns det någon här som vill hjälpa?

Kan man fixa en tabell så att den styrs av procent (ex 80% av browserfönstret) men maximalt blir (exempelvis) 960 pixlar bred, oavsett hur stor man gör webbläsaren.

Tänkte genom CSS eller någon kodsnutt i själva tabellen? Ju mindre krångel (läs: ju kortare kodtillägg, desto bättre)

Den som ger bäst lösning bjuder jag gärna på en hotellnatt i Thailand, om/när ni åker hit. Max 1500 baht, så dessvärre ingen lyx.

Flyttade tråden så den hamnade i rätt kategori.

Max-width skulle kanske kunna funka för dig:

http://www.w3schools.com/cssref/pr_dim_max-width.asp

Du kan behöva justera med overflow också.

Testade lite och verkade inte fungera att sätta width: 80%; och max-width: 960px; direkt på tabellen.

Satte en div runt och körde på den. Verkar fungera fint.

Demo:
http://jsfiddle.net/pBDEW/

Och anledningen till att max-width inte fungerar på tabellen är ju för att det inte är ett block-element. Du kan sätta display: block; på den men kan då få lite problem med att hantera cellerna/raderna istället.

Linuus och tartareandesire,

"Ingen fråga är för dum" sägs det, det kanske är relavant här ;-)

Tack så mycket för att ni tog er tid! Nu fixar det sig.

Ps. Det blir Linuus som (om du vill) får en hotellnatt när/om du besöker Thailand. Bara att PM:a. Ett lite besynnerligt "tack för hjälpen", jag vet ;-)

Wohoo!
Nu ska jag bara försöka komma ihåg det också! :)

Hej,

Ohyggligt oviktigt, men upptäckte att detta blev smidigast:

}
.td01 {
padding-top: 40px;
padding-bottom: 40px;
padding-right: 8%;
padding-left: 8%;
}

Dock kvarstår "erbjudandet" till Linuus

.td01 {
padding: 40px 8%;
}

Samma sak, färre rader :)

spajk,

Kanon! CSS är inte min grej. Supersnällt!