SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2009
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Inserting google custom search bar in the header is causing problems for me

    I am trying to insert a google custom search box in the navigation area of my header. If you can view this in FireFox, you will see what I would like for it to look like: http://www.vici.com/index_new.php
    In any other browser I've tried (chrome, safari, IE, dolphin) adding the bar makes the whole navigation area bump below the height of the logo graphic, and after lots of experimentation, I am at a loss.
    I'm attaching four files (I hope). 09-text and 09-layout are css files, index_new is htm, and main_nav_search is the server-side include with the navigation menu plus search bar.
    I got some great help from this group when I did the initial design, and hope someone will take the time to point me in the right direction once again.
    09-layout.txt
    main_nav_search.txt
    index_new.txt
    09-text.txt

  2. #2
    SitePoint Member
    Join Date
    Mar 2006
    Location
    Poconos, Pennsylvania
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Defining a width seems to fix the problem.

    Find:

    Code:
    div#main-nav {
    Add:

    Code:
    width: 600px;

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Yes, you need to set a width on a floated element for the float to mean anything. Otherwise it is 100% wide.

  4. #4
    SitePoint Member
    Join Date
    Jul 2009
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks - I'll give it a try!


Bookmarks

Posting Permissions

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