PDA

View Full Version : IE and Opera problem



ralitza
02-19-2006, 05:04 PM
http://www.iankovi.com/newfolder/page.html
http://www.iankovi.com/newfolder/css.css

In firefox the input field, and the search button line up. In IE and Opera they don't, is there a CSS fix to this?

Thank you!

Twey
02-19-2006, 05:12 PM
Try whitespace:nowrap.

ralitza
02-19-2006, 07:06 PM
That unfortunately did not work. I have posted in another forum and I have been told that everything already lines up. Can you confirm this? I'm thinking it could just be my cache, though I have cleared and I see the same problem.

Twey
02-19-2006, 07:59 PM
No, it doesn't line up on Opera for me. Haven't tried it in IE.

jscheuer1
02-19-2006, 10:11 PM
Lines up for me in Opera. If you want to be absolutely sure that things line up, use the much maligned table. That's what it is for imop. The problem with form elements in various browsers though is that some browsers allow the user to choose stylings. This can affect height and width, therefore alignment. Also, the different browsers see the baseline and often the height of standard form elements differently. Getting something to line up in every browser is not so important though. Just having things look OK is enough and there will probably always be that user agent, due to its configuration, that will make your design look like crap, as long as the content is legible, even that is not so bad.

ralitza
02-19-2006, 10:19 PM
What is the maligned table?

jscheuer1
02-20-2006, 05:15 AM
What is the maligned table?

Just a table. I used that adjective to describe it because, in many circles these days, tables are to be avoided like the plague. It is best to avoid their overuse, especially nesting (the decidedly poor practice of putting one or more tables inside of others) them but, to use one table here or there, without nesting, to line something up that otherwise is refusing to do so, is not a bad thing.

Another use of tables to be avoided is creating large ones filled with many images, this will really slow the loading of a page. Combining that with nesting is the ultimate no, no.

ralitza
02-20-2006, 06:01 PM
I somewhat fixed it, but now there is a little space in Opera
Updated:
http://www.iankovi.com/page.html
http://www.iankovi.com/css.css

Any suggestions?

jscheuer1
02-20-2006, 06:24 PM
Still looks fine in my Opera8.52

Twey
02-20-2006, 06:55 PM
Oo-er...

With Opera 8.51:
261

ralitza
02-20-2006, 07:02 PM
You do not see a space after the button in Opera and isn't there in IE/Firefox?
http://img323.imageshack.us/img323/4448/opera28gi.gif

Twey
02-20-2006, 07:14 PM
I don't have IE, but it's not there in Firefox.

jscheuer1
02-20-2006, 11:02 PM
Not worth worrying about, if that's all it is. I thought you meant the search text input wasn't lining up with the submit button.