Click to See Complete Forum and Search --> : my layout aint working in IE


WebEmperess
04-28-2008, 07:34 AM
Hello I begin to realize why webdevelopers dislike IE.

In mozilla my site works just fine but when viewing it in Internet explorer it's messed up. The content div gets below the menu div - They should be next to each other. And i repeat. In Mozilla its all good.

I have validated my site and it finds no errors.

Here is a link to my site (and please note its just a silly school project - wont go "live" as it is now!!)
Use the username: test
and the password: test
to enter the site (protecting it from others in school. They like to poach ideas:rolleyes:

http://www.jiihan.890m.com
Thanks in advance!

Centauri
04-28-2008, 09:31 AM
Add display:inline; to both the #menu and #content styles. If a float has a margin in the same direction as the float (left margin on left float, or right margin on right float - as both these are) then you invoke IE6's doubled float margin bug, where it doubles the size of the margin and things don't fit. The inline display cures this bug, and other browsers just ignore that as a float is always block display anyway.

WebEmperess
04-28-2008, 09:45 AM
Ah! Thanks alot, it works like a charm! :)
I really appreciate it.
My next problem is that in IE. all textlinks are greenish-coloured. My image links somehow gets the standard blueish colour. I'll google around some for it. Though If you or anyone else know a quick way to fix it you know where to write :)
And thanks once again for the above fix.

Centauri
04-28-2008, 10:10 AM
IE doesn't inheret the link image borders from the link colours - just specify it explicitly :#content a img {border-color: #98c000;}

WebEmperess
04-28-2008, 10:52 AM
and once again I thank you =)

That's it for now, I will remove the access to my site while developing it.
Thanks for taking you time.