| | |
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
![]() |
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.

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.
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
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:
Solved Threads: 19
Looks rather nasty (no offense)
I normally do this kind of layout like this:
Matti Ressler
Suomedia
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>
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
Suomedia - Dynamic Content Management
I did something like that to correct the code (float and relative) except without the use of breaks.
•
•
•
•
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>
Matti Ressler
Suomedia
![]() |
Other Threads in the HTML and CSS Forum
- Previous Thread: Setting text vertical align to bottom in div tag
- Next Thread: table using CSS and Xhtml
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet intranet iphone javascript jpeg layout macbook maps mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7






