Web Design: CSS problem with FF2

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 429,822 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,319 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 750 | Replies: 4 | Solved

•

Join Date: Feb 2008

Location: Kingston, Jamaica

Posts: 87

Reputation: knight fyre is an unknown quantity at this point

Rep Power: 1

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

Location: India

Posts: 6,870

Reputation: ~s.o.s~ is a splendid one to behold

Rep Power: 23

Solved Threads: 345

~s.o.s~

Offline

Lazy, Useless & Apathetic

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.

Happiness corrupts people.

Failing to value the lives of others cheapens your own.

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,476

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 298

peter_budo peter_budo is online now

Online

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)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.

•

Join Date: Mar 2008

Posts: 153

Reputation: Suomedia is an unknown quantity at this point

Rep Power: 1

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

(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>

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

Location: Kingston, Jamaica

Posts: 87

Reputation: knight fyre is an unknown quantity at this point

Rep Power: 1

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

(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