HTML and CSS

Web Design: CSS problem with FF2

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

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,642

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

Solved Threads: 472

~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.

Jo Tujhe Jagaaye, Nindein Teri Udaaye Khwaab Hai Sachcha Wahi.
Nindon Mein Jo Aaye Jise To Bhul Jaaye Khawab Woh Sachcha Nahi.
Khwaab Ko Raag De, Nind Ko Aag De

•

Join Date: Dec 2004

Posts: 4,242

Reputation: peter_budo has much to be proud of

Solved Threads: 491

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