0

I have a css display issue with jquery ui tabs, where after you go over a certain number of tabs, the last tab drops down to the next line, as if the tab before it was set to clear:right.

i cant figure out what css is causing this.

the issue can be seen here

edit: i should mention that i see this issue in FF and Chrome. havent tried in IE yet

also here is a screenshot of what i see: blarg

edit 2: this seems to depend on resolution. it happens to me in 1280x1024 and smaller

Improve this question
7
  • 1
    What are you expecting the page to do? Right now it's just fitting itself to the width. Commented Mar 11, 2011 at 17:47
  • i am expecting the "login" tab not to drop down under the other tabs Commented Mar 11, 2011 at 17:58
  • I checked the link and it doesn't seem to happen in Firefox on Win 7 Commented Mar 11, 2011 at 17:59
  • I checked with IE8 and it shows both "Testimonials" and "Login" on a second line Commented Mar 11, 2011 at 18:03
  • @mkoryak, @moleculezz, you need to resize the window for this to happen correct? Commented Mar 11, 2011 at 18:03

1 Answer 1

Reset to default
2

I actually understood your question after playing around with resizing the browser as it doesn't happen on widescreen monitors otherwise.

The issue you're having is due to .header-contact jutting down into the tab area because of the padding. You either have to remove the padding or decrease the height of this class and everything should be ok.

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

wow, jesus you are right. i had no idea i did something so evil

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.