•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 391,774 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,428 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 611 | Replies: 1
 |
•
•
Join Date: Mar 2008
Posts: 79
Reputation: 
Rep Power: 1
Solved Threads: 0
Junior Poster in Training
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!
•
•
Join Date: Jan 2007
Posts: 2,510
Reputation:
Rep Power: 7
Solved Threads: 103
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
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
•
•
•
•
apple beta bon browser browsers browsing development echo email encryption eu europe firefox gecko google html image recognition image search internet internet explorer internet explorer 7 itunes javascript leak linux malware memory microsoft mozilla networking news open source open-source opera patch paypal phishing safari scams search security social software super testing users video search web webmail windows
- 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
