3 Replies Latest reply: Feb 12, 2013 4:45 PM by Dovydas Kaltanas

Fluid menu bar overlaps

Dovydas Kaltanas Feb 12, 2013 4:28 PM

Hi, currently I have a logo set to float to the left and the menu bar to float to the right(layout.css), the problem is when the windows is resized below a certain resolution the menubar overlaps the logo (ends up underneath it). How can I set a certain minimum/maximum resolution for the page? so the fluid logo and menubar dont intersect?

Thanks Dovydas

1. Re: Fluid menu bar overlaps

Nancy O. Feb 12, 2013 4:35 PM (in response to Dovydas Kaltanas)

This is known as a semi-liquid layout. Adjust widths as needed.

#container {
width: 100%;
min-width: 980px;
max-width: 1400px;
}

Nancy O.
Like Show 0 Likes (0)

Actions
2. Re: Fluid menu bar overlaps

Dovydas Kaltanas Feb 12, 2013 4:38 PM (in response to Nancy O.)

so i need to place all of my header content in a container and then in css write that?
Like Show 0 Likes (0)

Actions
3. Re: Fluid menu bar overlaps

Dovydas Kaltanas Feb 12, 2013 4:45 PM (in response to Nancy O.)

Thank you very much! worked perfectly
Like Show 0 Likes (0)

Actions

Go to original post

Legend

Correct Answers - 10 points