| Page 1 of 1 |
|
|
 Posted: Tue, 19th Nov 2013 13:35 Post subject: Images max width |
|
 |
Why a number based on the browser width and not 100% of available area?
When you resize the browser the image just stuck at it's original pixel value from when the page loaded, then come the scrollbars
|
|
| Back to top |
|
|
|
|
| Posted: Tue, 19th Nov 2013 15:49 Post subject: |
|
|
Define available area? Auto does not work?
|
|
| Back to top |
|
|
|
|
| Posted: Tue, 19th Nov 2013 22:28 Post subject: |
|
|
Last edited by Interinactive on Tue, 5th Oct 2021 02:48; edited 1 time in total
|
|
| Back to top |
|
|
LeoNatan
☢ NFOHump Despot ☢
Posts: 73194
Location: Ramat Gan, Israel 🇮🇱
|
| Posted: Tue, 19th Nov 2013 22:30 Post subject: |
|
|
This could be somewhat a problem on mobile, if there is no viewport defined with a max width.
|
|
| Back to top |
|
|
|
|
| Posted: Tue, 19th Nov 2013 22:40 Post subject: |
|
|
Last edited by Interinactive on Tue, 5th Oct 2021 02:48; edited 1 time in total
|
|
| Back to top |
|
|
|
|
| Posted: Wed, 20th Nov 2013 08:00 Post subject: |
|
|
Well that was on garus' plugin, where he implemented it that way. Garus' plugin went away and mrt implemented that functionality, but sadly this way. I thought you were asking a general question and not something hump related as I had some problems yesterday in solving something CSS only but I had to go back to javascript and even there it's not 100% as I want it 
|
|
| Back to top |
|
|
|
|
| Posted: Wed, 20th Nov 2013 08:00 Post subject: |
|
|
Last edited by Interinactive on Tue, 5th Oct 2021 02:48; edited 1 time in total
|
|
| Back to top |
|
|
|
|
| Posted: Wed, 20th Nov 2013 08:33 Post subject: |
|
|
I have a div which has a div inside where mutliple divs float. Those divs should have the same height, though they have various content, so some of them have more lines, some less, and all have a fixed width. So far so good. Now I want the parent div to be invisible at first so I set max-width and max-height to 0.
Now I add transition to the div and on focus on the previous element, this one should grow to full size of the screen.
Max-width goes nicely to 100%, but max-height can't use 100% because it uses 100% of the available window height, not 100% of the content. So the inner divs will be cut off if the screen is not big enough. If I use JS to calculate the inner content height and set it on focus (or whatever),the problem is, that at 0% max-width, the inner divs float make em stack up and take up more height, than it is actually required. This leads to an ugly animation bug when you open the parent div as the animation targets f.e. 2300px in height, but abruptly goes down to 300px because that is the height of the content when there is enough room horizontally.
In conclusion, is there a good way to have a transition from 0 to auto somehow?
|
|
| Back to top |
|
|
|
|
| Posted: Thu, 21st Nov 2013 09:22 Post subject: |
|
|
Last edited by Interinactive on Tue, 5th Oct 2021 02:47; edited 1 time in total
|
|
| Back to top |
|
|
|
|
| Posted: Thu, 21st Nov 2013 09:54 Post subject: |
|
|
I guess I could set up a fiddle.
|
|
| Back to top |
|
|
| Page 1 of 1 |
All times are GMT + 1 Hour |
