Bredd på sidan

[reaper]

om någon har postat en bild som är större än din bildskärm så vidgas hela layouten, kan vara jävligt irriterande ibland, vet inte riktigt vad man kan göra åt saken … skaffa en större skärm kanske :p

[Trestor]

Den enda anledning till att detta händer är som sagt att någon postat en väldigt bred bild. Finns inget vi kan göra åt detta, mer än möjigen få det se lite snyggare ut. Bredheten går inte att göra något åt. MEN, i många moderna webläsare (nästan alla utom IE) kan man själv ändra storleken på bilder eller helt enkelt ta bort vissa bilder. Kan ju vara en “lösning”…

[Hank_Moody]

Trestor: Klart ni kan

En CSS-regel som ser ut så här hjälper garanterat!

.postbody img {max-width: 600px}

Går även att göra en javascriptlösning som skalar om bilderna så att de aldrig är bredare än att hela sidan får plats i webbläsarfönstret.
Lite krångligare, men fullt möjligt.

PM om ni vill ha hjälp.

[Atouk]

Bra tips fast 600px känns lite snålt, det går att ange procent i stället och det kanske är att föredra?

postbody img {max-width:95%;}

[Hank_Moody]

Nja % funkar inte, då räknas den till 95% av bredden på enbart tabellcellen så den blir i princip verkningslös.

[Trestor]

Ja, det är ju alltid sådana avvägningar man får göra. Vad är viktigast?

Att låta folk posta bilder i den storlek de vill med ett mindre skönhetsfel i designen? Eller begränsa alla bilder för att få designen att hålla? Jag lutar faktiskt åt att behålla det som det är…

I längden är nog en bra lösning att ha klickbara bilder, som begränsas till en viss storlek per default, men som man kan klicka på för att återställa till full storlek. Har sett en del phpBB3 forum som har detta implementerat.