Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Div is overlapping in the tabmenu

    Problem is my content div is overlapping the tab menu bar at the top.

    I added a picture so you can see the overlapping, and the text document should contain the website.

    Also noticed that using " instead of ' makes IE8 screw up the content of my site.

    And am using:
    <p style="padding-bottom: 800px;">
    </p>

    to extend the site, is it smart to put it in the css instead of the html? also if there is any better option.

    ty
    Attached Thumbnails Attached Thumbnails Div is overlapping in the tabmenu-upload.jpg  
    Attached Files Attached Files

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello andaak,
    Look what closing your #cssmenu before starting your #content can do for you -
    Code:
    <div id="content">
        <div id='cssmenu'>
            <ul>
               <li class='active '><a href='index.html'><span>Home</span></a></li>
               <li class='has-sub '><a href='#'><span>Index</span></a>
                  <ul>
                     <li class='has-sub '><a href='#'><span>Micrsooft Office</span></a>
                        <ul>
                           <li><a href='\\x.html'><span>T</span></a></li>
                           <li><a href='\\x.html'><span>E</span></a></li>
                           <li><a href='\\x.html'><span>O</span></a></li>
                           <li><a href='\\x'><span>P</span></a></li>
                        </ul>
                     </li>
                     <li class='has-sub '><a href='#'><span>Product 2</span></a>
                        <ul>
                           <li><a href='#'><span>Sub Item</span></a></li>
                           <li><a href='#'><span>Sub Item</span></a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li><a href='x.html'><span>Tab1</span></a></li>
               <li><a href='x.html'><span>Tab2</span></a></li>
               <li><a href='x.html'><span>Tab3</span></a></li>
               <li><a href='x.html'><span>Tab4</span></a></li>
               <li><a href='x.html'><span>Tab5</span></a></li>
            </ul>
        <!--end cssmenu--></div>
    <div id="content"> /*you cannot re-use an id*/
    Using some padding to extend the site is fine... I would put it in the CSS though, yes.

    I'm not sure what screws up in IE8. That browser does not support your CSS3 rounded corners but that has nothing to do with " or ' . Could you be more specific?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    andaak (12-14-2012)

  • #3
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks for the reply! it works

    It was something about my content was all white, like something was overlapping, but I am not 100% sure.

    May I ask if you know any good javascript that opens a div when clicked on?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by andaak View Post
    Thanks for the reply! it works

    It was something about my content was all white, like something was overlapping, but I am not 100% sure.

    May I ask if you know any good javascript that opens a div when clicked on?
    I like jQuery. Lots of stuff to choose from ... too many to even guess what you're looking for. Try http://papermashup.com/simple-jquery-showhide-div/
    or http://www.google.com/search?q=open+...s&ie=&oe=&rlz=
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    andaak (12-15-2012)

  • #5
    New Coder
    Join Date
    Nov 2012
    Location
    India
    Posts
    53
    Thanks
    0
    Thanked 3 Times in 3 Posts
    For the overlapping please use clear fix technique.

  • Users who have thanked webdevs for this post:

    andaak (12-15-2012)

  • #6
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Cheers guys, your the best!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •