Web Design: CSS problem with FF2
Please support our HTML and CSS advertiser: Programming Forums
Thread Solved
 |
Web Design: CSS problem with FF2 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.
This question would be more appropriate in the CSS/HTML forum. Moved.
I don't accept change; I don't deserve to live.
Act from reason, and failure makes you rethink and study harder.
Act from faith, and failure makes you blame someone and push harder.
-- Eric Naggum RIP :-(
Act from reason, and failure makes you rethink and study harder.
Act from faith, and failure makes you blame someone and push harder.
-- Eric Naggum RIP :-(
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, JAVAWUG (Java Web User Group), The London Android Group
Publilius Syrus
(~100 BC)
LJC - London Java Community, JAVAWUG (Java Web User Group), The London Android Group
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:
<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.
•
•
•
•
Originally Posted by Suomedia 
Looks rather nasty (no offense)
I normally do this kind of layout like this:
<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
•
•
•
•
Views: 1114 | Replies: 4 | Currently Viewing: 1 (0 members and 1 guests)
Linear Mode
