another problem with FF and IE

[anime-me]

I have made a small login box that suppose to show up at the top right in the header. In IE it works fine but in FF it goes to the left and presses down my logo. you can see what i mean by opening www.anime-me.com in bot IE and then FF.
www.anime-me.com/dev/header.txt
^thats the header file^

[ray326]

Seem to be quite a few mark up problems that may have a bearing.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.anime-me.com%2F

[anime-me]

well I read through it and it basically says I should do it with css. How would I go about doing that?

[blutter]

Do you know any css, or is this a clean slate kind of thing? I think your page looks really nice, it would be surprising to hear that you did all that without any css.

[anime-me]

I do know css and html and quite a bit about php, but I just hate firefox it screwed up my life ;p So I just don't know if the same divs I use in IE will work in FF... Apparently they don't. Im just looking for some sort of universal css code that'll keep to the right in IE and FF.

And thank you for the compliment:)

[blutter]

Like ray 326 said, get things validated, I'm not sure but I'm guessing it has something to do with this:
Error Line 21 column 12: there is no attribute "align".
<form align="right" action="forums/login.php" method="post" target="_top">
That was returned from the validation link ray posted.

[blutter]

One more thing, usually firefox is the browser that is actually obeying your code and IE is the one who's breaking the rules. Realign your hate and frustration at IE.

[anime-me]

Yea Im aware of that. That code is right and works great in IE, but in order for it to work in FF it has to be in css. Well that's what I understood from it.

[anime-me]

One more thing, usually firefox is the browser that is actually obeying your code and IE is the one who's breaking the rules. Realign your hate and frustration at IE.
Actually its always IE thats obeying. Been using it for a bit over 4 years for web design purposes and it has never given me any problems. But now since FF came along it keeps on breaking my layouts:mad:

[blutter]

You are correct when you say that in order to get it to work in FireFox it would have to be in CSS. That's because FireFox is a modern compliant browser. You may be acustom to IE obeying what you write because you're so used to it, but the modern browsers like FF are actually reading your code and displaying it as you truly write it. I develop a lot with IE too because most people use it, but when I have a problem with cross browser compliance I start to look at the problem in FF first because I know that it will give me a better insight into what's wrong with my code. Also, when you're developing look at what you're doing in both browsers simultaneously and that will give you some extra insight into what could be going wrong.

[anime-me]

IE follows basic html where as FF doesn't. Example is right in front of you. A simple align works great with IE but is totally out of control in FF. PLus IE is a product of M$ so most of the html editors will design according to IE's standards. While as FF is open software...
I would post a comparison but that would be way off topic. Just google FF VS IE .
about my problem...

[blutter]

Ok, but the fact that IE is following depricated markup is exactly my point.

[anime-me]

Also my point exactly :)

[ReddMurphy]

Also my point exactly :)

Here's a point: If you have incorrect mark up and IE renders it the way you expect, you still have incorrect mark up. ...and IE is failing to alert you of that fact.

[anime-me]

Here's a point: If you have incorrect mark up and IE renders it the way you expect, you still have incorrect mark up. ...and IE is failing to alert you of that fact.

Here's my point: the fact that IE is rendering my so called incorrect markup, it's still rendering it the way it's suppose to be rendered. Firefox just hasn't reached that level yet. That means IE > FF :)
BTW: align = "left" is one of the most primitive markup codes. If FF can't render it correctly then it has failed as a browser in my book.

But I didn't come here to discuss IE and FF. I just want to solve my simple problem.

[ReddMurphy]

The first thing I would do if I were you is download the firebug extension for firefox. Then, use it to see the css attributes for your login form. you'll notice that there really isn't anything to tell the form to float to the right. The align attribute is deprecated in html 4.01 and is not part of xhtml 1.0 strict, which you are declaring as the doc type.

You should use css to float the form/table to the right.

[anime-me]

The first thing I would do if I were you is download the firebug extension for firefox. Then, use it to see the css attributes for your login form. you'll notice that there really isn't anything to tell the form to float to the right. The align attribute is deprecated and I don't think it's part of xhtml 1.0 strict.

You should use css to float the form/table to the right.

Well yea I know it has to be done via css, but when adding my own div it works only in IE too. What I am asking for is a universal css snippet that would work on both IE and FF :)
And nope. align attribute is not part of xhtml 1.0 strict.

Thank you for the help.

[ReddMurphy]

When I looked at your site, you had no css rules for the form or table position. You can size the table using css (width) and float it to the right using float:right and float your title to the left. You may even want to put them both into a container so that you can control the height better.

Maybe you could tell us what you've tried so far.

[anime-me]

I tried float:right and it worked great (not in FF). Didn't assign the width though. Maybe that'll fix it. I rarely use containers they just slip my mind most of the time ;p
Will do, but I think I've had enough coding for one day.
Thanks again for the help :)