Css help /arrangements in browsers

[Maylin]

My site is in css code, but the site looks fine in Mozilla but not in IE, it tends to move around, for example, like this site http://www.utahdoula.com/about.html , if you view it in Mozilla and IE. It looks fine in Mozilla, (My site) but when viewed in IE, it messes it up totally.

It's getting pretty rediculous when, the time I spend trying to learn how to do css, which is supposedly more stricter code, hasn't really helped me at all, not really. I feel as if as much as I've taught myself css, I feel I'm back at round one all over again. Do I need to learn hacks too to get things to view as is in both browsers? What on earth do I have to do to get my site to look fine in both browsers? At least IE anyway. Is there any advice you can give me along with the question(s) above,I'd very much appreciate it sooo much. Thank you for your time. :yell:


P.S. The Site above is not my site, I used it as an example.

Sabrina

 

[Xyzer]

I would try to help but if i dont know where your site is i cant comment, sorry.

 

[Maylin]

Hi there everyone,
If you really need to take a look at my site. It's now up, but just temporarily.

It's on www.engrtp.com

then go to the link Other

Then to Sabrinas Website

Then to both Links 2 and 3.

I hope this helps, can't give you the direct link because the site is on a server inside that, I can only type the ping/protocol numbers, not the site address, it can only be accessed on the outside as www.engrtp.com. Sorry, I have to do it this way. :td:

 

[crazyluv]

First thing you need to do is place a doctype at the beginning of the page that is very important and fixed most placement issues (and other things as well) that occur between browsers:

Doctypes - W3School

I like to use © for placing the copyright symbol it tends to more browser friendly.

You should avoid using the font tag use CSS instead.

You should make sure to nest your tags correctly many browser don't mind this but it can cause unexpected results in other. Also if you plan on using a the xhtml doctype then they have to be nested corrently or an error will ocurre.

Also your missing an end tag (span):

<div style="position:absolute;left:-10;top:-2;width:430;height:17;">
   <font face="Helvetica">
      <span style="font-size:14">
         Powered by Wehoo!
      [COLOR=SandyBrown]</span>[/COLOR]
   </font> 
   [COLOR=Red]<a href="http://www.google.com"> [/COLOR]
      <font face="Helvetica">
         <span style="font-size:14;color: red">
            Web Hosting.
   [COLOR=Red]</a>[/COLOR]
         </span>
   </font> 
   <font face="Helvetica">
      <span style="font-size:14"> 
         Copyright [COLOR=SandyBrown]©[/COLOR]2005 Wehoo, Inc. 
      </span>
   </font>
</div>

In the above code a table really isn't necessary you can accomplish the desired effect with the div and also since both span tags uses the same font size you can just apply the font size style to the div and viola.

You really can use CSS a lot more effectively then you are doing right now.

Also just before that table you another table declared but it doesn't have any closing tags.

Also are all those spaces neccesary if you just indent the html you can make it more condensed are more readable with makes task like error checking a lot easier.

These pages definitely wouldn't pass validation. I am going througth the page from the bottom up but am stoping here. If you want I can go through both pages and list everything that needs fixing. Just say the word.