Solved

Google search layout help

Posted on 2011-09-12
3
243 Views
Last Modified: 2012-05-12
Hello,

I have problems getting the google custom search to display the layout to my desire.

As you can see from photos when i try to use the custom search, the result will shift the contents of the site.

 That's how it looks under normal conditions Issues with Google search changing the display layout
What i want is that when i use custom search, i would like to just overlapped on top of everything, instead of shifting and moving my contents. But i don't know how to do it as i ran out of ideas.

I attached the code with it, if anyone could help me, that would be good.

Thanks you!
site-code.zip
0
Comment
Question by:Gerson008
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 18

Accepted Solution

by:
Rartemass earned 100 total points
ID: 36527213
You will need to apply a Z index to the elements. This controls what elements appear over the top of others.
http://www.w3schools.com/cssref/pr_pos_z-index.asp

With z-index the higher the number, the more on top it will be. So in the above, the search would need a higher z-index than the page content. You can only use z-index on positioned elements.
0
 

Assisted Solution

by:Gerson008
Gerson008 earned 0 total points
ID: 36528876
The problem with the z-index is that it'll moved the content to the bottom layer and i was unable to select anything.

So at the end i played around with the CSS file and setting the search output as position absolute and it appears to solve the problem at this stage.

0
 

Author Closing Comment

by:Gerson008
ID: 36555758
Didn't really solve my problem except it did lead me to look up some info provided.
0

Featured Post

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question