In IE 6 my site has the layout I want it to have but when I view it with FF2.0.0.12 the pictures and text is out of alignment. :(

Another problem that I'm having is that when I resize my browser window the images move and everything falls out of alignment. I want it to be that when I resize everything stays organized and readable.

Some please take a look at my code: Project

Yes I know it's bare but I don't want to put in the bells and whistles before I have the structure and layout straighted out.

This question would be more appropriate in the CSS/HTML forum. Moved.

Only diference that I spoted is top images marging from top of the page, plus seems to me there is no font formating in FF. Can you make a screenshot or tell exactly what is the problem?

Looks rather nasty (no offense)

I normally do this kind of layout like this:

<div style="position:relative; width:100%">
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
</div>

Matti Ressler
Suomedia

I did something like that to correct the code (float and relative) except without the use of breaks.

Looks rather nasty (no offense)

I normally do this kind of layout like this:

<div style="position:relative; width:100%">
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
</div>

Matti Ressler
Suomedia