• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 269
  • Last Modified:

not getting styles in inframe

Hello, anyone know why in FF the styles are not being applied?

you can find it here..

http://173.203.188.218/#/collections.html

and to see it, click on add to cart and that is when an iframe pops up.. but the styles are not taking.. works in IE .. but can't see it in FF.. thanks for the help.. Cheers
0
jeremyBass26
Asked:
jeremyBass26
  • 5
  • 4
1 Solution
 
theremonCommented:
Hi there

your iframe has totally invalid code. There are no opening/closing <html> tags or body tags etc.
An iframe is a totally standalone page and does not inherit any of its parents elements/properties. As such it needs proper html code to work. Can you try fixing that and then we'll take it from there?
0
 
theremonCommented:
Apart from fixing the page code, I got one more question - are you sure you're loading the correct css file?
The one that's in your link tag doesn't contain the classes you're referencing.
0
 
jeremyBass26Author Commented:
well.. hmm. .I don't think I have ever been an issue with not haveing the those before ... but now the reponse is all corrected to be valid... still is not working.. but it vaildates at w3C.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
jeremyBass26Author Commented:
it does have this class in it..

.removeItem

and that is in the iframe.. that is wat is odd here..
0
 
theremonCommented:
Yah I grabbed the code and fixed it locally and that's when I started going through the classes in the css file and saw that they're not the ones that you're using. For instance classes body, cart, content, main, itemsku class or itemdesc etc. Most of them are missing. For some that are indeed in the css file, there are other issues, such as inheritence issues. For example, pagewrapper is in there, but it's not a class like you reference it but an id and belongs to the story class. Here's the definition that shows this:
.story div#pagewrapper {

The css file you're using seems totally invalid.
0
 
theremonCommented:
Just saw your comment about the .removeitem class.
Granted, it is in there - however you're applying it to an <a> tag. "A" tags have no dimensions - their children do. You got 2 ways to solve this:
1. If you just convert to a div, you'll get your result. You can add an onclick hanlder to emulate the "A" tag behaviour.
2. Add a small div inside the "A" tag just to give it the necessary dimensions. Just a placeholder.
0
 
jeremyBass26Author Commented:
Oh.. dang that was what I was missing..

display:block;

:D see I just needed a set of eyes... By the way, a div in an A tag is not valid, but a span is, and the css validates thru w3C on warning level 0 CSS2.1

Thanks for the help.. Cheers.
0
 
jeremyBass26Author Commented:
Lead me to see what the real issue was.. tk
0
 
theremonCommented:
"a div in an A tag is not valid, but a span is"
True enough - my bad... That's what I get for trying to solve problems at 1am in the morning...

Still, I'm glad I could help a bit. Thx for the points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now