Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Cannot figure out underlapping menu problem

Reply
Thread Tools

Cannot figure out underlapping menu problem

 
 
JimmyHoffa
Guest
Posts: n/a
 
      01-07-2007
Hi All, I hope someone can help with this,

I've got 'what i thought was a simple' css based drop down menu in my
header section of my page.. My problem is understanding why it
underlaps the content divs which follow the header section.

If anyone could take a look it would be greatly appreciated, the page
and css was quite long so i've put up a very stripped down version
here.

http://www.dbws.net/crap/stripped.html
& http://www.dbws.net/crap/stripped.css

Any suggestions/hints appreciated.

 
Reply With Quote
 
 
 
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      01-07-2007
JimmyHoffa wrote:

> I've got 'what i thought was a simple' css based drop down menu in my
> header section of my page.. My problem is understanding why it
> underlaps the content divs which follow the header section.
> ...
> http://www.dbws.net/crap/stripped.html
> & http://www.dbws.net/crap/stripped.css
>
> Any suggestions/hints appreciated.


Removing: position: relative; from 'bodyarea' cures the problem.
You have a lot of positioning going on in there. Most of the time it is
unnecessary. You will need to correct/change other stuff to compensate.

--
-bts
-Motorcycles defy gravity; cars just suck
 
Reply With Quote
 
 
 
 
Ed Mullen
Guest
Posts: n/a
 
      01-07-2007
JimmyHoffa wrote:
> Hi All, I hope someone can help with this,
>
> I've got 'what i thought was a simple' css based drop down menu in my
> header section of my page.. My problem is understanding why it
> underlaps the content divs which follow the header section.
>
> If anyone could take a look it would be greatly appreciated, the page
> and css was quite long so i've put up a very stripped down version
> here.
>
> http://www.dbws.net/crap/stripped.html
> & http://www.dbws.net/crap/stripped.css
>
> Any suggestions/hints appreciated.
>


#zUL li {
float:left;
width:6em;
position:relative;
list-style-type:none;
z-index: 1;
}


--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
42.7 percent of all statistics are made up on the spot.
 
Reply With Quote
 
JimmyHoffa
Guest
Posts: n/a
 
      01-07-2007
The z-index addition didnt seem to make a difference,

However changing the bodyarea position from relative to default "". Did
make a difference..

The UL & LI popup elements are now over the top of the bodyarea..
however the text 'left area' and 'right area' still show above the
menu... Hmm getting close though it seems..


Ed Mullen wrote:
> JimmyHoffa wrote:
> > Hi All, I hope someone can help with this,
> >
> > I've got 'what i thought was a simple' css based drop down menu in my
> > header section of my page.. My problem is understanding why it
> > underlaps the content divs which follow the header section.
> >
> > If anyone could take a look it would be greatly appreciated, the page
> > and css was quite long so i've put up a very stripped down version
> > here.
> >
> > http://www.dbws.net/crap/stripped.html
> > & http://www.dbws.net/crap/stripped.css
> >
> > Any suggestions/hints appreciated.
> >

>
> #zUL li {
> float:left;
> width:6em;
> position:relative;
> list-style-type:none;
> z-index: 1;
> }
>
>
> --
> Ed Mullen
> http://edmullen.net
> http://mozilla.edmullen.net
> http://abington.edmullen.net
> 42.7 percent of all statistics are made up on the spot.


 
Reply With Quote
 
JimmyHoffa
Guest
Posts: n/a
 
      01-07-2007
I also notice the dropdown menu border stops prematurely.. I'll
reupload the changed version taking into account the position relative
change..

Thanks for your input.

JimmyHoffa wrote:
> The z-index addition didnt seem to make a difference,
>
> However changing the bodyarea position from relative to default "". Did
> make a difference..
>
> The UL & LI popup elements are now over the top of the bodyarea..
> however the text 'left area' and 'right area' still show above the
> menu... Hmm getting close though it seems..
>
>
> Ed Mullen wrote:
> > JimmyHoffa wrote:
> > > Hi All, I hope someone can help with this,
> > >
> > > I've got 'what i thought was a simple' css based drop down menu in my
> > > header section of my page.. My problem is understanding why it
> > > underlaps the content divs which follow the header section.
> > >
> > > If anyone could take a look it would be greatly appreciated, the page
> > > and css was quite long so i've put up a very stripped down version
> > > here.
> > >
> > > http://www.dbws.net/crap/stripped.html
> > > & http://www.dbws.net/crap/stripped.css
> > >
> > > Any suggestions/hints appreciated.
> > >

> >
> > #zUL li {
> > float:left;
> > width:6em;
> > position:relative;
> > list-style-type:none;
> > z-index: 1;
> > }
> >
> >
> > --
> > Ed Mullen
> > http://edmullen.net
> > http://mozilla.edmullen.net
> > http://abington.edmullen.net
> > 42.7 percent of all statistics are made up on the spot.


 
Reply With Quote
 
JimmyHoffa
Guest
Posts: n/a
 
      01-07-2007
Thanks for the input guys, got it sorted now.

 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Need Immediate help, cannot figure out what is cusing this error cucuzza15 C Programming 0 10-22-2008 10:46 PM
Curious Error I Cannot Figure Out (templates) mieskola C++ 1 08-16-2006 06:35 PM
Cannot figure out where is the problem with code to add row Jack ASP General 3 01-04-2006 11:54 AM
Cannot figure out error in asp code Jack ASP General 2 07-27-2004 05:29 AM
Databind Error -- cannot figure out why. Rathtap ASP .Net Datagrid Control 1 09-15-2003 02:54 AM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57