HTML - Website Appearnce Changes In Other Browsers

Hey all,

I've been trying to fix up my carpet cleaning website. The bee.png image in the top left of my menu bar is giving me problems with older browsers & most hand-held devices, e.g., iTouch, cellphones, etc.

Is there any kind of trick (hack) I could use so that it will properly align with all devices?

Website: www.honeydocarpetcare.com

Also, please let me know if you are noticing things that are out of place. If so, please tell me what browser and version you are using!

Thanks all!

My website doesn't render correctly in the WebKit browsers (Apple Safari and Google Chrome). It works as expected in Firefox, Internet Explorer versions 6 and above, and Opera.

If you click here to view the site, it is the text on the left-hand side underneath the navigation menu that is proving problematic. This text is supposed to appear directly beneath the navigation menu, but when the site is viewed in Safari or Google Chrome, it appears at the very bottom of the page, where the blue background is.

I have run the code through the W3C validator and after a bit of alteration, it came back saying there's no errors. What makes it confusing is that I didn't write the code myself and it is mainly table-based (I inherited it from a previous web developer). I am currently working on a brand new layout for the website which will solve the accessibility problem completely, but for the time being we have to continue using the current layout.

Does anyone know if there's a quick fix which will get the text on the left-hand side to display correctly in WebKit browsers? This has been bugging me for a while now and I'd really like to get it fixed. Is there anything obvious that I've missed? Thanks in advance for any help.

I cant figure out why my website footer looks different in internet explorer compared to all the other browsers. IE makes the footer look off. Can someone please help me with this. www.pricedrightcleaningequipment.com thanks so much

I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/

I just read a link from a web mag, and found a pretty smart service:

1. Go to http://browsershots.org/
2. Select the OS/Browsers you want to check against
3. Select the "user" options
4. Submit your site
5. Get a set of images for each browser to see what it looks like


Pretty cool, huh?

Now you don't have to install every browser known to man

First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers?

I use dreamweaver and claris 3.0

What would the script be to check which browser you are using.

I want a script to check if the webpage is being viewed by iPhone safari, not sure how to code it but I want it to do this:

website/index.php:

If iPhone Safari. go to;"mobile.website.com"

And in mobile.website.com I will have a CSS for mobiles.

I built this page and I'm noticing it works fine in Dreamweaver browser but not in opera and safari and IE? What am I doing wrong?

http://www.rendemolition.com/patio1.html

I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right.

This means they are out of line with other elements on the page

Can anyone tell from this code below what i'm doing wrong or do you need more code to go on.

<form name=login>
<table width=200 border=0 align="left" cellpadding=3>
<td><input type=text name=username></td></tr>
<td><input type=text name=password></td></tr>
<tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr>
</table>
</form>


cheers

I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this?

Ok, I have the basic layout for my site down.
I uploaded it to my firends server, you can find it at lithium-games.com.
lithium-games.com
It looks ok in IE, but things load wierd in firefox, and almost not at al in opera.
This is stumping me as I dont know why/what is making it do this.
It kinda stinks.

Hi, Im new around here. Well, 5 minutes .

I have been designing and coding a website for Football Manager, and have got pretty far.

I have now got a problem.

This is how I want it to look. And it does in IE.



but in Firefox It doesnt



Thanks.

Hi guys,

I have been workin on a web page for a few weeks now and I was checking how it looks like in Mozilla Firefox 2.

Well, it seems that the same code appears differently in other browsers (opera and internet explorer, for example).

So, I have two questions:

a) What is the problem that is causing the same page to appear differently when displayed by different browsers?

b) How can I fix it?

Thanks.


P.S.: If this question is answered in another thread please inform me and accept my apology for not searching out myself.

Hello Everyone,
I am new to web design and i designed a website which is good with all browsers except the new Internet explorer 7.

Can anyone advise me on what do to so that it will be compatible with the explorer 7. What happened is " The menu of my web pages should be showing only when you click it but because it is not compatible with the new explorer, it open up and display all hidden menu.

Can you help pls.