help with overflow:scroll

Jun 19, 2009 21:28

1.rostismi
2. paid
3. i changed my custom ccs and now i can't to see big pictures (like panorames).
I need some code for overflow scrolling...something like this:
div
{
width: WIDTHpx;
overflow:scroll;
}
It's work for all page, i need it just for my content.entry area...

thx and sorry for my eng)

Leave a comment

Comments 4

marilla_pm67 June 22 2009, 06:52:41 UTC
I hope you are talking about the entry:

try this

div.entry-content {width: 600px;
overflow: auto; }

it should work

Sam

Reply

rostismi June 23 2009, 12:47:11 UTC
Thank You!!! It work!
i changed width for 1000px

div.entry-content {width: 600px;
overflow: auto; }
But, for example in my resolution 1680x1059 it's work fine.
In resolution 1280x1024 i can't scroll all picture..it's cut
...so, i changed it for 900px...
My question - how can i do it automatically fol all resolutions?
See, what i talking about:
http://rostismi.livejournal.com/194707.html#cutid1

Reply

marilla_pm67 June 23 2009, 12:58:04 UTC
change it to % something like this

div.entry-content {width: 80%; overflow: auto; }

So you always have 80% of the width from 100% of the entry

or you can mix the coding :

div.entry-content {width: 80%; overflow: auto; }
div.entry-content img {width: 80%;overflow: auto; }

The fist mean your entry content will only have a width of 80% and you can scroll.
The second says the IMAGE is only 80% ... but it resizes also the small ones.

but this should be better:
div.entry-content {width: 80%; overflow: auto; }
div.entry-content img {max-width: 80%;overflow: auto; }

Sam

Reply

rostismi June 23 2009, 13:11:01 UTC
big thx! i'll test both.

Reply


Leave a comment

Up