Log in

View Full Version : Resolved Four corners css issue with IE



Luys
04-08-2011, 06:39 PM
Hi all!
I have problems with a simple css code (external to this site: http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx) enabling a variety of content (like other divs with execution of code) in the four corners of a page.
This web page has the background attribute "fixed" and the overflow is hidden.
The problem arises when you combine all the codes and add various divs, etc: the 4 corner contents are always stacked at left top of page in IE8 (all other browsers are ok).
I proceeded to reverse, removing text and more text, but it is all a headache...
I see on Chrome that the divs have a "display:block;" user agent style sheet. But I have no success at all.

Anyone have any idea about how to force the internet explorer 8 to properly display the four divs, that are written -for more information- at the bottom of the page. :confused:

Thanks in advance.

Luys

Beverleyh
04-09-2011, 06:18 AM
I can't check source code from my blackberry but did you spot the comment about the doctype? Maybe that's your problem?

Luys
04-09-2011, 11:26 AM
Thank you very much, Beverleyh, for your reply!

The page in construction has embedded the DD "Stay on Top" script

http://www.dynamicdrive.com/dynamicindex17/stayontop.htm

that also needs a valid doctype in order to work properly, so I used the original DD doctype. I think both are the same. In my web server simulator (due to external content via ajax) all is OK. The main page has all the css and javascript code for both files. All divs (the 4 divs for the corners) are at bottom of the page just above the </body> tag, without any container. Actually there is only a centered flash object, no more.

Best regards

Luys

Luys
04-09-2011, 03:09 PM
Good eye, Beverleyh!
Apparently I started doing the right things, but I reviewed the actual file and... :(
At one point of the way, for some reasons like a new aproach because of problematic code to be cleaned looking for a simplest page, I stopped working with the original file and started a new project from the beginning. The truth is that I reviewed, added and deleted text from all over the page.. except the first single and essential line that I did not pay attention again.

Thanks for your help!

Luys