| | |
Image position in Firefox vs Safari?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Mar 2008
Posts: 129
Reputation:
Solved Threads: 0
I'm having difficulty placing an image in a relative position in the same location on two separate browsers: firefox and safari. in firefox, the text seems larger than it does in safari. Is this typical? I'm using a Lucida Grande font. I believe this is why the image is thrown off place in firefox, but can't be sure. Is there a solution to this problem?
Thanks!
Thanks!
Since each browser has its own way of rendering text, you need to do the following:
- Don't expect your page to look exactly the same in all browsers. This is impossible.
- Don't use either absolute or relative positioning. Use containers to position the text and the graphics.
- Place the image, using the location of the img tag within the text, and use the float style to position it left or right.
- Don't expect to center an image within text, because it is impossible to make the text equally wide on both sides. If you need to center an image, make the spaces on both sides clear.
- To keep the layout from falling apart, you might need to use table tags.
- Don't expect your page to look exactly the same in all browsers. This is impossible.
- Don't use either absolute or relative positioning. Use containers to position the text and the graphics.
- Place the image, using the location of the img tag within the text, and use the float style to position it left or right.
- Don't expect to center an image within text, because it is impossible to make the text equally wide on both sides. If you need to center an image, make the spaces on both sides clear.
- To keep the layout from falling apart, you might need to use table tags.
Daylight-saving time uses more gasoline
![]() |
Similar Threads
- how to pass one script to another using php,mysqldatabase (PHP)
- Moving a counter with a playing board (Game Development)
- value pass from one script to another script (JavaScript / DHTML / AJAX)
- Page working in IE7/8b, Opera9, Safari3, but NOT Firefox2/3b5 (HTML and CSS)
- Newbie in IE hell (Site Layout and Usability)
- Changing a stylesheet on the fly and saving it with PHP (JavaScript / DHTML / AJAX)
- mac vs windows; help to resolve the problem (HTML and CSS)
- Go to a certain page when button is pressed and do it securely (ASP.NET)
Other Threads in the HTML and CSS Forum
- Previous Thread: Making a long inside a div break onto a new line
- Next Thread: Unordered List (UL) causing me problems in IE
| 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 format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






