Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 1576

Mar 22nd, 2008

Web Design: CSS problem with FF2

Expand Post »

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.

knight fyre

Reputation Points: 11

Solved Threads: 1

Junior Poster in Training

Offline

88 posts
since Feb 2008

Permalink

Mar 22nd, 2008

Re: Web Design: CSS problem with FF2

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

~s.o.s~

Super Moderator

Featured Poster

Reputation Points: 3233

Solved Threads: 719

Failure as a human

Offline

8,871 posts
since Jun 2006

Permalink

Mar 22nd, 2008

Re: Web Design: CSS problem with FF2

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?

peter_budo

Moderator

Featured Poster

Reputation Points: 2786

Solved Threads: 871

Code tags enforcer

Offline

6,654 posts
since Dec 2004

Permalink

Mar 22nd, 2008

Re: Web Design: CSS problem with FF2

Looks rather nasty (no offense)

I normally do this kind of layout like this:

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

Suomedia

Reputation Points: 15

Solved Threads: 19

Junior Poster

Offline

154 posts
since Mar 2008

Permalink

Mar 24th, 2008

Re: Web Design: CSS problem with FF2

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

Click to Expand / Collapse Quote originally posted by Suomedia ...

Looks rather nasty (no offense)

I normally do this kind of layout like this:
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

knight fyre

Reputation Points: 11

Solved Threads: 1

Junior Poster in Training

Offline

88 posts
since Feb 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: spaces between Text and Text box

Next Thread in HTML and CSS Forum Timeline: table using CSS and Xhtml

DaniWeb Message

Cancel Changes

User Name
Password