473,396 Members | 1,813 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Help formatting image with different browsers

49
Hi,
I am working on a page where I am trying to get an image to right align, but depending on the broswer (even different versions of IE) it will either center it,left align or it will put a border around it.

here is the code i used to format the pic:


Expand|Select|Wrap|Line Numbers
  1. .logo
  2. {
  3.     display: block;
  4.     text-align: right;
  5.     float: right;
  6.     margin-top: -35px;
  7.     border: 0px;
  8. }

Also here is a link. The echoapps logo is the image i am trying to format.
http://www.echoapps.com/quicktour/index.html
Sep 29 '09 #1
6 2423
The style you have for .logo works fine. the problem I see using firefox (and I'm sure other browsers) is that after the style for img.picture1 you have an extra closing brace '}' . IE likes to pretend it knows what you wanted and considers standard to be 'fluid', so it will ignore such mistakes. Other browsers adhere to strict interpretations of the standards and will see that as an error and ignore the rest of your styles.
Sep 29 '09 #2
jrod11
49
I think i cleaned that up earlier, but still have the same results. Anything else that could be causing it?
Sep 29 '09 #3
I may have posted the wrong style, look right after img.picture, not picture1

I copied your javascript and style source code right off your web page in my browser and created a test page on my server using one of my images. Removing only that one errant brace caused my test image to go from left aligned with a box to right aligned wioth no box. As far as I can tell, that is what your problem is.
Sep 29 '09 #4
jrod11
49
YES!!!

Thanks that did the trick. I also had a extra brace under picture1 this morning that I removed and I thought that was what you were referring to.

Thanks for your help!!!
Sep 29 '09 #5
jrod11
49
An interesting sidenote that is totally fine with me-

firefox takes the ajax and rounds the corners of the table where IE does not.
Sep 29 '09 #6
drhowarddrfine
7,435 Expert 4TB
@jrod11
IE8 does not work like IE7 compatibility mode which doesn't work like IE7 which doesn't work like IE6 which doesn't work like anything anyone could dream up.

Validate your HTML for that list of errors that need correcting.
Sep 30 '09 #7

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: Nicolas Keller | last post by:
Hi! I'm used to have Mozilla for testing my PHP sites when I'm coding. The site's nearly finished, now I've made a test with the Internet Exlporer... guess what... failed. The problem: I'm...
3
by: Randell D. | last post by:
Folks, I'm still learning javascript - I've invested in a couple of books and reading online as much as possible. I'm pretty sure what I am suggesting is possible though I'm trying to weigh up...
163
by: Shiperton Henethe | last post by:
Hi Know any good utilities to help me strip out the tags that Microsoft Excel 2002 leaved behind when you try and export an HTML format file? This is driving me NUTS. And really makes me...
5
by: John | last post by:
I am rotating images at one location of my web site. My problem is if I set the width and height of the new image before I show the new image, the old image is stretched first to the new image...
16
by: expertware | last post by:
Dear friends, My name is Pamela, I do not know anything about javascript, but I would like to ask if it offers a solution to this problem of mine. I have an image on a web page within a css...
12
by: LAshooter | last post by:
I have a portfolio page which loads a dozen thumbnails and one large image. A friend helped me code a script (below) which will swap out the large image (named "imgLarg") when a different thumbnail...
0
by: gunimpi | last post by:
http://www.vbforums.com/showthread.php?p=2745431#post2745431 ******************************************************** VB6 OR VBA & Webbrowser DOM Tiny $50 Mini Project Programmer help wanted...
3
by: Andy B | last post by:
I am creating a CSS layout and need to test it with different browsers. I have the framework for the layout done with contrasting colors for each section. Can anybody if possible, go to...
68
by: zwsdotcom | last post by:
I've been looking for references for some weeks now, but haven't found an answer to the following question. I'd love some help on this: *Without* using JavaScript or other active client-side...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.