Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I have had to add tabs to the top of a website I made. I have tried everything I can think of to get them to look right, and they do in Safari and IE7. But in Firefox and older versions of IE the tabs get a space underneath them, where they should meet the grey line.
Any ideas how to fix it?
-
- CommentAuthorWhereIsThatDeafGuy
- CommentTimeMar 7th 2008 edited
Background image is the problem.
Add 1em for top padding, which fixed the problem.
body {
padding : 1em 0 0 0;
}
Don't forget to test it against IE7 and Safari browsers, which I think you'll probably will get different results. -
That shifts the entire page down, so in Safari and IE7 the entire layout out of position.
-
- CommentAuthorWhereIsThatDeafGuy
- CommentTimeMar 7th 2008 edited
That is expected. Are you familiar with browser quirks? Conditional comments? -
I have made a new stylesheet, and when used alone, the page looks right in Firefox, but not Safari.
The only way I can think of making it look right across all 3 would be to have a conditional comment that links to a sheet for Safari, but as far as I know that's not possible.
1 to 5 of 5