Re: [css-d] review please - an existing site made mobile

2015-06-06 Thread Erik Visser
Georg schreef op 04-06-15 om 12:43: Only potential problem I can see, is that text alongside floating images may "break up" in not so nice ways as space narrows... Screenshot: http://www.gunlaug.com/contents/imagefolders/extra/scr-utr.png Yes, that's what i saw too, and i did not know what to

Re: [css-d] review please - an existing site made mobile

2015-06-06 Thread Philippe Wittenbergh
> Le 6 juin 2015 à 21:01, Erik Visser a écrit : > >> Only potential problem I can see, is that text alongside floating images >> may "break up" in not so nice ways as space narrows... >> Screenshot: http://www.gunlaug.com/contents/imagefolders/extra/scr-utr.png >> > > Yes, that's what i saw to

[css-d] Why do I get this gap at the top of the page ?

2015-06-06 Thread Tim Dawson
I'm working on a web site which has a menu bar at the top, with a large banner image below. http://holidaymullandiona.com The menu bar () stays in place as the page is scrolled up (courtesy of jQuery). It is positioned absolutely wrt a div.outer. The banner has six images which are rotated (als

Re: [css-d] Why do I get this gap at the top of the page ?

2015-06-06 Thread Ryan Reese
You have a classic margin collapse. Look at "div#pananim". That element has a 51pxtop margin that is pushing through the parent. Add a 1px top padding to #outer. I'm not sure hte overall look you are going for; but it is a margin collapse. On Sat, Jun 6, 2015 at 9:40 AM, Tim Dawson wrote: > I'm

Re: [css-d] Why do I get this gap at the top of the page ?

2015-06-06 Thread Tim Dawson
Thanks, that certainly works. I must bone up on my collapsing margins again, as it looks more like an expanding margin to me ! Though I'm not doubting that what you say is right. Thanks again, Tim On 06/06/2015 14:44, Ryan Reese wrote: You have a classic margin collapse. Look at "div#pananim"

Re: [css-d] review please - an existing site made mobile

2015-06-06 Thread Georg
Den 06.06.2015 14:01, skrev Erik Visser: Any suggestions? I use several techniques for controlling text alongside floats, depending on case and size of image. 1: restyle images to non-floating block elements for narrow viewports - as Philippe suggests. 2: declare 'max-width' in percentage