HTML and CSS

Web Design: CSS problem with FF2

Please support our HTML and CSS advertiser: 50% off 6 Months Dedicated Server Hosting from 1&1!

Thread Solved

•

Join Date: Feb 2008

Posts: 88

Reputation: knight fyre is an unknown quantity at this point

Solved Threads: 1

knight fyre knight fyre is offline

Offline

Junior Poster in Training

Web Design: CSS problem with FF2

Mar 22nd, 2008

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.

•

Join Date: Jun 2006

Posts: 7,771

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 493

~s.o.s~

Offline

Failure as a human

Re: Web Design: CSS problem with FF2

Mar 22nd, 2008

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

I don't accept change; I don't deserve to live.

Sacrifice is a painful, pure and beautiful thing.

Dammit, Jones, What the Hell Are Knoll Pointers?!

•

Join Date: Dec 2004

Posts: 4,536

Reputation: peter_budo has much to be proud of

Solved Threads: 524

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Web Design: CSS problem with FF2

Mar 22nd, 2008

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?

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, Graduate & Undergraduate Software Development Community, JAVAWUG (Java Web User Group), The London Android Group

•

Join Date: Mar 2008

Posts: 154

Reputation: Suomedia is an unknown quantity at this point

Solved Threads: 19

Suomedia

Offline

Junior Poster

Re: Web Design: CSS problem with FF2

Mar 22nd, 2008

Looks rather nasty (no offense)

I normally do this kind of layout like this:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<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>
<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

If you want your dreams to come true, the first thing you must do is to wake up....
Suomedia - Dynamic Content Management

•

Join Date: Feb 2008

Posts: 88

Reputation: knight fyre is an unknown quantity at this point

Solved Threads: 1

knight fyre knight fyre is offline

Offline

Junior Poster in Training

Re: Web Design: CSS problem with FF2

Mar 24th, 2008

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

•

Originally Posted by Suomedia

Looks rather nasty (no offense)

I normally do this kind of layout like this:
Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
<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>
<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