Solved

Little CSS issue on all browsers except Internet Explorer

Posted on 2012-12-22
4
225 Views
Last Modified: 2012-12-27
Hi.

We have an issue on our site http://www.trasterosolidario.org. Please look at the product titled "TERMO". Its text description (which is the text in black) is out of its place on Firefox and Safari, but it's ok in Internet Explorer. Also if you look 3 products above: product titled "sillita de viaje infantil (Trona)" is right (on all browsers). I think it's caused by the little image "RESERVADO".

I supose it's a CSS little issue. Can anyone help me discover what it's wrong in there?

Thank you.
0
Comment
Question by:gplana
  • 2
4 Comments
 
LVL 4

Assisted Solution

by:brendonfeeley
brendonfeeley earned 250 total points
Comment Utility
I think it may be a problem with the way you are styling h4.

Specifically: #content #center h4

Line 286 of template.css
0
 
LVL 15

Accepted Solution

by:
gplana earned 0 total points
Comment Utility
Thanks. I think you are right, however I added clear:both on .description class and now it seems to appear ok.
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 250 total points
Comment Utility
You are going to have a lot of problems with that page.

If you run it through validation you will see it has 54 errors, and some of them are very serious errors like duplicate id declarations and incorrect tagging.  

You should validate and correct the errors or you are going to have nasty problems going forward.

Cd&
0
 
LVL 15

Author Closing Comment

by:gplana
Comment Utility
Thanks both. Now this problem is solved, but your opinions are very good for me.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

763 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

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now