Forum Moderators: not2easy

Message Too Old, No Replies

Layout Changes in IE 7 with server change

         

virtism

4:20 pm on Sep 10, 2008 (gmt 0)

10+ Year Member



Hi,

I made this css layout <>, it has all static content.

I tested it on my local pc it worked fine on IE-7/FireFox/Safari/Chrome , then i uploaded it on my local apache server , it again worked fine in all browsers.

When I upload it on linux server , the layout changes for IE-7 only , Margins are not properly being displayed. I have tested it on two different linux servers , result is same.

Can't get the problem , Same browser , same pc gives different result when the site is uploaded on a linux server.

Kindly help.

Thank you

[edited by: SuzyUK at 7:23 pm (utc) on Sep. 10, 2008]
[edit reason] Please no site reviews. per TOS and charter [/edit]

virtism

4:31 pm on Sep 10, 2008 (gmt 0)

10+ Year Member



Interestingly , Result is different on different IE 7 as well .

On my desktop machine at home , same layout is working fine (Content is centered )

On my laptop ,content is left aligned

swa66

6:14 pm on Sep 10, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



URLs are frowned upon out here, read the posting guidelines.
Post minimal code instead.

To get more consistent results: try validating your CSS and HTML

e.g.:

There's no <style> tags in a CSS file.
It's actually tripping the validator at [jigsaw.w3.org...] into an error. Granted it expects code it can parse a bit, but browsers will have some sort of the same expectation.

Similarly: your html isn't error free.

E.g. an ID is only to be used at most one time in each html file.

Fro a font family, the goal s to give a list of fonts, where the browser will choose the first one it's got. I promise you many browsers will not have "Bebris" nor "Arial MT"
Something like

font-family: "Arial MT", Arial, hevetica, verdana, sans

You're much better off to use conditional comments to do specifics for IE versions than to use hacks. Hacks will haunt you in the long run.

When IE doesn't like to center using auto margins, try setting
text-align:center on the parent and give the elements in it a text-align:left
[in a conditional comment for best results]

Make sure you serve css as text/css (you seem to be doing that correctly)

Why use a javascript to change a background on a active tab, there are CSS ways to do that.