Jump to content

IE Rendering Problem


cyber0ne
 Share

Recommended Posts

My test page, in its current infancy, is at:http://www.cyber0ne.com/temp/herbie/index.htmlIt renders as expected in Firefox, Opera, Mozilla, and Netscape. However, if you view it in IE, you should see that the "content" part is getting pushed below the "navigation" part. This leaves all this whitespace (well, greyspace actually) where the content should be and forces the user to scroll down to see the content.Any idea why IE is doing this, or what I can do to fix it?Regards,David P. Donahueddonahue@ccs.neu.eduhttp://www.cyber0ne.com

Link to comment
Share on other sites

are you using position:absolute; in your css file. try take it away or add this code in the same content

top: [value]px;

just try it out with any number and see how much it moves and so one.if it moves around and causes problem in the other browsers and make sure it looks like -top: [value]px;Edited....or make

html>div #navigation { 	top: [value]px;}

dont take away the other #navigation cause it is needed. the one i made are only readed by IE acording to the site i found it.hope it helps :)

Link to comment
Share on other sites

hope it helps :)

It did, thanks :) I ended up changing the hierarchy of my divs, too, so the whole example is dated at this point. But it's working now, which is all that matters.I have another one, though, under the same heading of "Damn it, why won't IE play nice?" Take a look at this one:http://www.cyber0ne.com/temp/fourseven/index.htmlIn my other test browsers, everything lines up properly and is centered on the page. However, IE is extending divs to always contain their elements. Notice that the div "main" is wider than its parent by 16 pixels, but relatively positioned left by -8 pixils. So it _should_ center like normal.Any ideas on another way to approach this that won't confuse IE?(Note: Credit for those nifty rounded corners goes solely to http://pro.html.it/esempio/nifty/ which, naturally, I found from a previous thread on this forum.)Regards,David P. Donahueddonahue@ccs.neu.eduhttp://www.cyber0ne.com
Link to comment
Share on other sites

hehe for the other page add

left: [Value]px;

to the div header. or like i said earlyer take away the position: absolute; never like that code just causes problem. :):)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...