[HejaMartin]

Bah!

Det har inte gått bra alls idag. Tackar för er hjälp, men har inte kommit närmare målet.

Designen är satt, med sina bredder & höjder på dessa rutor. Så Bootstrap verkar mer om jag i så fall måste säga att designern måste göra om sina rutor.

Har provat själv.. men det är så bekymmersamt med % och med att vilja ha 10px i fasta mått som marginaler.

Så här ser det ut nu:
http://maleryd.se/intro/

Men ni ser i koden - det är fasta bredder..
Att få till procenten är klurigt. Speciellt då marginalen skall vara 10px, även om det kommer in folk med stående t ex iPad.


Jag kan gå med på att ha 2 breakpoints annars. Än för 1300px bredd, och en för 768pc som sajten är anpassad för.

Image-map är ju det självklara om jag vill behandla alla bildrutor som en enda jpeg, men max-width: 100%, height: auto..

Men ville gärna ha en bra lösning så varje ruta blir interaktiv och kan t ex tända en text etc i en förlängning.

Bah! Ja.. jag får det att funka för.. en vy i alla fall. ;(

[Elactos]

Ursprungligen postat av HejaMartin

Att få till procenten är klurigt. Speciellt då marginalen skall vara 10px, även om det kommer in folk med stående t ex iPad.

Använd calc() om du vill ha % och margin.

width:calc(100% - 10px);

Så tar den bort 10px av 100%.

[BrainLab]

Enkelt fixat med typ Bootstrap.