Create a blank site, add a page wrapper with ‘available’ width.
double click and insert an html item with width ‘flexible%’ of 100. Make the background of that item any colour, say red.
then insert some text, e.g. ‘home’ and ‘about’ into the box, make them into a list, add a CSS menu to them. View in a browser, and everything looks ok.
Then make the wrapper flexible height, and still everything is OK.
Finally, make the menu box flexible height, and then ‘Hey Presto!’ the background red colour has gone.
Why does this happen, and how can this be worked around so that the background still shows up?
Thanks in advance.
Try fiddling with the overflow setting on one or more of these boxes, or apply the Clearfix Action to one or more of the boxes. It sounds as though the floated elements are escaping from your colored box.
Walter
On Sep 7, 2014, at 1:44 PM, Iain Mackenzie wrote:
Can someone explain something very basic to me?
Create a blank site, add a page wrapper with ‘available’ width.
double click and insert an html item with width ‘flexible%’ of 100. Make the background of that item any colour, say red.
then insert some text, e.g. ‘home’ and ‘about’ into the box, make them into a list, add a CSS menu to them. View in a browser, and everything looks ok.
Then make the wrapper flexible height, and still everything is OK.
Finally, make the menu box flexible height, and then ‘Hey Presto!’ the background red colour has gone.
Why does this happen, and how can this be worked around so that the background still shows up?
Thanks in advance.
Just watch out in a CSS menu, if you set the overflow to hidden, you may clip off any submenus that try to pop down from your menu area. Clearfix is the only answer in that case.
Walter
On Sep 7, 2014, at 2:24 PM, Iain Mackenzie wrote:
That was it Walter, changing the overflow from visible to anything else sorted out the issue.
Thanks a lot - again!