Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

not getting styles in inframe

Posted on 2010-09-04
9
Medium Priority
?
263 Views
Last Modified: 2012-05-10
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
Comment
Question by:jeremyBass26
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
9 Comments
 
LVL 12

Expert Comment

by:theremon
ID: 33604619
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
 
LVL 12

Expert Comment

by:theremon
ID: 33604672
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
 
LVL 4

Author Comment

by:jeremyBass26
ID: 33604689
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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 4

Author Comment

by:jeremyBass26
ID: 33604700
it does have this class in it..

.removeItem

and that is in the iframe.. that is wat is odd here..
0
 
LVL 12

Expert Comment

by:theremon
ID: 33604709
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
 
LVL 12

Accepted Solution

by:
theremon earned 1500 total points
ID: 33604734
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
 
LVL 4

Author Comment

by:jeremyBass26
ID: 33604790
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
 
LVL 4

Author Closing Comment

by:jeremyBass26
ID: 33604792
Lead me to see what the real issue was.. tk
0
 
LVL 12

Expert Comment

by:theremon
ID: 33604807
"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

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

670 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question