Forum Moderators: not2easy

Message Too Old, No Replies

IE7 issue with Doctype and CSS

         

amunibabu

4:04 pm on Sep 25, 2009 (gmt 0)

10+ Year Member



Hi all
I have a very crazy problem with IE7.
The website i am using doesn't have a proper doctype.
It is generated by yahoo stores editor 2. So i don't have access to the change the Doctype of the page.

The real problem is IE7 is not taking any CSS or it is rendering the elements in a very bad way.
i have a template that is to be delivered to a page.
while a third party server adds new divs into the existing divs on the template before the user can view the template as floating window.

This template is shown as a blank page with only the borders in IE7.
Also when i delivered the template to a blank page with proper doctype it looks great.
It works fine with firefox.
But what i realised is, by setting(IE developer tool) the width and height of the internal divs disposed by the third party server the template is looking good with the background image specified by me in the template
I have control on the divs of the template, like i can specify width and height for them.
But i don't have access to edit the width and height of all the elements with in them.

Any suggestions will be appreciated.

Thank you
Muni

D_Blackwell

4:22 pm on Sep 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



amunibabu - Welcome to WebmasterWorld. Posting the exact same question in HTML and CSS fora gives no advantage. Either/or is best. There is often overlap between the two.

.....So i don't have access to the change the Doctype of the page.....

.....I have control on the divs of the template, like i can specify width and height for them.
But i don't have access to edit the width and height of all the elements with in them......

Someone specifically familiar with Yahoo might know a trick or two. In the interim, how much control do you have over the template? Can you embed CSS in the head, or can you only add inline CSS to the <div>s? Can you modify the template, i.e., perhaps add a wrapper around the problem, and get at it from there?

amunibabu

7:17 pm on Sep 25, 2009 (gmt 0)

10+ Year Member



Thank you for the welcome and fast reply

I can only addd inline css to the divs.
The children divs of this div are not inheriting the properties.
The child divs on which i dont have control doesnt have width and height specified. So they are behaving on their own instead of inheriting the properties from its parent div especially in IE6.

The doctype of the page says
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

while making it
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
makes the page exactly the way i wanted in IE7.

swa66

8:12 am on Sep 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Basically you state you don't have the control you need to do the layout you seek to do ...

That's a very hard one to fix in a generic fashion.

The obviously easy options are to either change what you want to do or either change the framework you're using to something that does give you control.