Re: [css-d] clear content after non-floating items?
Sorry...I see Tom also noticed that, credit where credit is due :) Laura On Tue, Mar 5, 2013 at 12:54 PM, Laura Valentino wrote: > Yes, thanks! (why didn't I think of that...) > > Laura > > >> Take that "height: 2em;" off of ".mainmenu" and it will be able to >> grow to what it needs to when items wrap. >> >> -Tim >> >> >> > __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] clear content after non-floating items?
Yes, thanks! (why didn't I think of that...) Laura > Take that "height: 2em;" off of ".mainmenu" and it will be able to > grow to what it needs to when items wrap. > > -Tim > > > __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] clear content after non-floating items?
On Mon, Mar 4, 2013 at 12:15 PM, Laura Valentino wrote:
> My main menu bar is not supposed to wrap (it doesn't on my 2nd gen ipod
> touch) - but I fear that on some device somewhere, it will wrap. This
> wouldn't be the end of the world except for the ugly way the wrapped menu
> item overlaps the following content. (you can see the effect if you size
> the browser window down far enough for the top menu to wrap - some browsers
> don't shrink that small though, chrome on windows 7 does).
>
> A puzzling thing is that the submenu also wraps, but the following content
> politely gets out of the way of the wrapped item...and I don't see the
> difference between the 2 menus!
>
>
> .mainmenu {
> background-color: #5a83c6;
> height: 2em;
> font-family: amblebold;
> }
>
>
> Best Regards,
> Laura
Take that "height: 2em;" off of ".mainmenu" and it will be able to
grow to what it needs to when items wrap.
-Tim
--
tim.arn...@gmail.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] clear content after non-floating items?
My main menu bar is not supposed to wrap (it doesn't on my 2nd gen ipod
touch) - but I fear that on some device somewhere, it will wrap. This
wouldn't be the end of the world except for the ugly way the wrapped menu
item overlaps the following content. (you can see the effect if you size
the browser window down far enough for the top menu to wrap - some browsers
don't shrink that small though, chrome on windows 7 does).
A puzzling thing is that the submenu also wraps, but the following content
politely gets out of the way of the wrapped item...and I don't see the
difference between the 2 menus!
Does it have something to do with the fact that the main menu is contained
inside a "header" div inside the main "container" div, and the sub menu and
the rest of the content are just inside the "container"? I'm stumped! Any
help greatly appreciated. Google doesn't seem to understand my wording of
this problem :)
Here's the page: http://kvikna.com/testing/ieeg/features.html
Not even sure what code to include here, but here's the html of the navbars:
Features
Demo
Buy
Meet us!
Hosted EEG
Connectivity
EEG Review
Patient DB
And the css. The 2 menu styles are more or less the same where measurements
go and both display as inline-block:
.mainmenu {
background-color: #5a83c6;
height: 2em;
font-family: amblebold;
}
.mainmenu ul,.submenu ul {
list-style-type: none;
line-height: 2em;
}
.mainmenu li,.submenu li {
display: inline-block;
height: 2em;
}
.mainmenu li a,.submenu li a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
display: inline-block;
height: 2em;
padding: 0 0.4em;
text-align: center;
text-decoration: none;
}
Best Regards,
Laura
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
