RSS 2.0 Follow Us!
 

Related Posts

CSS Tech Bleg

John on August 18, 2006 at 9:49 am

Since I redesigned the theme for this site a few weeks ago, I’ve continued to tweak things. I am happy with how everything looks now…almost. Actually I think it looks good in Firefox, which is my main browser of choice. However, in IE my search bar seems to be droopy. I’ve tried a few things to fix it but I guess, since I never see it that way, I just don’t care that much.

Only it’s still bothering me that’s it’s not fixed.

If there’s anyone out there who — like Kane in Kung Fu — “walks the web” doing good deeds for strangers, I could use some help. The search bar is floated right using CSS. I did this because it allows the search tool to stay right justified while the rest of the menu is left justified. And it stays this way regardless of the font size. Again, looks great in firefox. Looks off in IE. For the record, that menu bar is one row that is bounded by the blue and grey bar image in the background. I’ve tried everything including setting a lower margin, padding, vertical-align: center…nothing makes it display properly in IE.

Here’s the CSS for the search tool:

.searcher {
display:inline;
margin-top: 0px;
margin-bottom: 15px;
float: right
}

As I say, the margin doesn’t seem to do anything no matter what size I make it. The display inline keeps it from wrapping and showing up below the other menu buttons.

Any suggestions?

Post to Twitter

Category: About This Blog |

Sorry, the comment form is closed at this time.