I am having an issue with my floated navigation box dropping below the logo in my header. I want the logo and navigation to be inline with one another.

Currently the logo and navigation are both float: left

Any help would be appreciated! Thanks!

3 answers

danwellman 5600
1
point

Try setting a width on both the logo and the navigation to explicitly tell IE how wide they should be. Ensure the container is wide enough to accomodate them (and explicitly set the width of this too if needed)

Or try setting them to display:inline or display:inline-block (although this may be an IE6 fix...)

Answered almost 10 years ago by danwellman
0
points

Try doing a display:inline on your h1 tag that has the logo in it.

Also, you have a table in the div that doesn't display, but it has information in it.

Answered almost 10 years ago by tahdhaze09
fmz 14
0
points

I know you want to use floats, I would recommend using position:relative on the navigation while declaring the dimensions of the logo. You can position the navigation precisely where you want it that way.

Answered almost 10 years ago by fmz