Menu goes behing a content box I have created

[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]

[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;
}

[-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:

Code: Select all

 #nav { z-index: 100; }  

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.*/
   }

[duplay]

Mark,

what would i change the relative piece to?

[Dr.CSS]

just take it out

[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]

[Dr.CSS]

got link?...

[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;
}

[Dr.CSS]

i don't think IE understands  width: auto; mite want to give it a %

[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.