Web Design: CSS problem with FF2

Thread Solved

Join Date: Feb 2008
Posts: 88
Reputation: knight fyre is an unknown quantity at this point 
Solved Threads: 1
knight fyre's Avatar
knight fyre knight fyre is offline Offline
Junior Poster in Training

Web Design: CSS problem with FF2

 
0
  #1
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.
Reply With Quote Quick reply to this message  
Join Date: Jun 2006
Posts: 7,600
Reputation: ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of 
Solved Threads: 462
Super Moderator
Featured Poster
~s.o.s~'s Avatar
~s.o.s~ ~s.o.s~ is offline Offline
Failure as a human

Re: Web Design: CSS problem with FF2

 
0
  #2
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.
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 4,177
Reputation: peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of 
Solved Threads: 479
Moderator
Featured Poster
peter_budo's Avatar
peter_budo peter_budo is offline Offline
Code tags enforcer

Re: Web Design: CSS problem with FF2

 
0
  #3
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
Reply With Quote Quick reply to this message  
Join Date: Mar 2008
Posts: 154
Reputation: Suomedia is an unknown quantity at this point 
Solved Threads: 19
Suomedia Suomedia is offline Offline
Junior Poster

Re: Web Design: CSS problem with FF2

 
0
  #4
Mar 22nd, 2008
Looks rather nasty (no offense)

I normally do this kind of layout like this:


HTML and CSS Syntax (Toggle Plain Text)
  1. <div style="position:relative; width:100%">
  2. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  3. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  4. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  5. </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
Reply With Quote Quick reply to this message  
Join Date: Feb 2008
Posts: 88
Reputation: knight fyre is an unknown quantity at this point 
Solved Threads: 1
knight fyre's Avatar
knight fyre knight fyre is offline Offline
Junior Poster in Training

Re: Web Design: CSS problem with FF2

 
0
  #5
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 View Post
Looks rather nasty (no offense)

I normally do this kind of layout like this:


HTML and CSS Syntax (Toggle Plain Text)
  1. <div style="position:relative; width:100%">
  2. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  3. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  4. <div style="width:33%; float:left; text-align:center;"><img src="my_image.gif" /><br />Text</div>
  5. </div>


Matti Ressler
Suomedia
Reply With Quote Quick reply to this message  
Reply

This thread has been marked solved.
Perhaps start a new thread instead?
Message:



Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC