Page 1 of 1
Menu goes behing a content box I have created
Posted: Sat Jul 15, 2006 7:48 pm
by duplay
I have created (with lots of help) a growing content box that surrounds my text in my template (css vert 1 col). However, if you look at the pic, the menu doesnt show above the content box. I know how to fix this with flash, but not this way. I created the following stylesheet for the content box:
.text_area {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #000000;
background-color: #FFFFFF;
padding: 10px;
width: auto;
position: relative;
border: 10px solid #557cba;
text-align: justify;
height: auto;
float: right;
}
[attachment deleted by admin]
Re: Menu goes behing a content box I have created
Posted: Sat Jul 15, 2006 9:06 pm
by Dr.CSS
might be...
.text_area {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #000000;
background-color: #FFFFFF;
padding: 10px;
width: auto;
position: relative;
border: 10px solid #557cba;
text-align: justify;
height: auto;
float: right;
}
Re: Menu goes behing a content box I have created
Posted: Sat Jul 15, 2006 11:19 pm
by -chuck
When i viewed you home page, it was behaving correctly, ...however the hoz. menus in the linked pages (2) were not.
Try adding "z-index: 100;" to all your menu layout stylesheets.
You should add it to the ID that is styling your menu, ie:
Any high number higher than any "Z number" that you may be using for for other content.
It's the job of the "z-index" to keep the layer levels at the height you want the viewer to see than.
In most cases, the navigation layer will be given the highest + number (- numbers can also to used with the z-index).
Hope this helps!
PS: I find, in v0.13, that the admin hoz. menu ploblem was not corrected. You can do so, by adding a Z-index to the css file on line 157
located in: /admin/themes/default/css/style.css
Code: Select all
/* Main Page - Menu */
#nav, #nav ul {
list-style-type: none;
margin: 0;
padding: 0;
z-index: 100; /*-added to keep the admin top text dropdown menu on top in the hover state.*/
}
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 12:35 am
by duplay
Mark,
what would i change the relative piece to?
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 12:36 am
by Dr.CSS
just take it out
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 12:40 am
by duplay
All i did was remove the positive:relative from the code and it seemed to fix the issue.However, why does the page not look right in internet explorer?
[attachment deleted by admin]
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 8:40 pm
by Dr.CSS
got link?...
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 9:03 pm
by duplay
http://moodle.sparcc.org:16080/sparcc/i ... ?page=home
Here is code for the blue box: (in case you think this is the issue- I can always remove it- and see if it is the issue)
.text_area {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #000000;
background-color: #FFFFFF;
padding: 5px;
width: auto;
border: 8px solid #557cba;
text-align: justify;
height: auto;
float: right;
}
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 9:15 pm
by Dr.CSS
i don't think IE understands width: auto; mite want to give it a %
Re: Menu goes behing a content box I have created
Posted: Sun Jul 16, 2006 9:27 pm
by duplay
Mark,
I will try adjusting the width. If you have a chance, take a peek at my reply to you
http://forum.cmsmadesimple.org/index.ph ... 686.0.html
the news module seems to get real spaced out vertically on explorer, and not in firefox (i included pictures in the post) The I cant force the box code to a specific height due to the fact it needs to expand with the amount of text in that page's box.