|| at Mar 22, 2015 at 10:55 am
On Sat, Mar 21, 2015 at 3:26 PM, Tina Müller wrote:
On Sat, 21 Mar 2015, James E Keenan wrote:http://act.qa-hackathon.org/qa2015/main
In Firefox, at least, all the pages on this site are displaying in a
strange way. Each page has a left sidebar with internal links and a right
sidebar with sponsors. But the main content for each page only starts to
appear *below* the end of the longer of the two sidebars. Unless and until
you scroll down past the sidebars, each page appears void of content.
Yes, I can see that with a small window. On mobile phones of
I suck at CSS, happy for any ideas =)
- Make sponsors a child of wrapper, after menu, so you get:
- Menu floats left, sponsors floats right.
- Don't float content and don't set a width on it. Let it expand and
shrink with the window.
- On content, set margin-left to width of menu + a bit to avoid left
margins on content collapsing into the menu. If you don't, e.g. list items
will not indent properly.
If you do this, the page should respond a lot better to different window
sizes. For very narrow windows, the content will still eventually get
pushed down below the sidebars. But to avoid that you probably have to
start making a "proper" responsive layout by applying CSS rules selectively
using media queries on window size, but that's probably not worth the
First I could try is to decrease the min-width of the inner