Having trouble with float properties in FF and Chrome

[marcy84]

I'm having a devil of a time with this....hopefully someone can help!

If you go to one of my pages: http://stores.homestead.com/springcr...mes/Detail.bok you can clearly see the problem I'm up against. I don't know enough about floats, let alone css, so I'm not sure how to fix this. It looks fine in IE8, but is not right in FF and Chrome (haven't tested the other browsers yet).

I've tried using the "clear:both" property but nothing I do seems to work. Another thing I've tried is using the Inspect Element feature in FF. It looks like the <div#SmallImage_1> container is 295px by 68px which should be plenty big enough for the max 4 images (65px by 65px) allowed inside the container. I've even tried setting the padding and/or margins to "0" but that didn't work either.

There is an article I ran across at: http://www.positioniseverything.net/easyclearing.html that seems to have the answers but I don't quite understand where I need to put the code that is required or how to configure it.

I'm at a loss and have run out of ideas. Can anyone help?

Marcy

[sunfighter]

One should program using chrome or firefox and then check it in IE. one should also use http://validator.w3.org. I put your site into the validator and got Result: 200 Errors, 70 warning(s)

In my editor I got 233 errors. Now these errors may not all cause your problems, but they should be corrected.

Something on floats: http://css.maxdesign.com.au/floatutorial/

[marcy84]

Thanks for the information Sunfighter. I do use FF and Chrome as my defaults. Everything was working fine until I added a jquery/css vertical accordion menu from another source. That's when the problems started. In order to get it to work in IE I had to make some changes as directed from the person who coded the accordion menu. I also used the validator yesterday and discovered all the errors, so I'm slowly sorting through those to get everything straightened out. I'm just a beginner and still trying to learn the ropes (on my own). It's hard trying to sort through the pre-made template I'm using that my webhost has provided. I'm afraid I've gotten in over my head, so perhaps it's time to bite the bullet and just hire someone to do this for me...

Thanks again for your help,
Marcy

[COBOLdinosaur]

Templates an jquery are not the way to learn. CSS and HTML are not difficult to learn and if you Google for tutorials for them you will find there is a ton of helpful information.

Using someone else template means you are limited to what they provide, and the quality can be all over the map. Probably a lot of the validation errors are coming from the template. As for jquery it is a convenient way to avoid acquiring any coding skills. Also when you start mixing externally written stuff from different sources you run the risk of compatibility issues and conflicts.

It is best to get comfortable with basic coding first so you have the ability to manage third party stuff, and evaluate its quality.

[marcy84]

COBOLdinosaur, you are right. I'm beginning to see the results of using a template and mixing external stuff. I'm comfortable with html, but just now trying to learn css. I thought adding the external coding would be easy, but figured out that is not so because I don't know what I'm doing. Hard lesson learned... and I'll be the first to admit it. Just trying to save some money by doing it myself. Just going to have to suck it up and hire someone.

Thanks to all for the tips!

[COBOLdinosaur]

Don't give up on it. If there are delivery time issues, then you may need to hire someone, but the mistakes are the best way to learn; even when they are little painful. If you stay with it you will wake one morning in the near future and realize that you actually know how to do web site. The day comes when you can see what a site will look like just by looking at the code.

[marcy84]

Thanks Cd&. Sometimes a little support and a kind word helps, especially when you get as frustrated as I am. I'm just trying to build my own storefront website (or at least get the original "free" template to look like I want it). I'm not a programmer, just a little gal trying to supplement my income. LOL...looks like I've got a long way to go for the "supplementing" to kick in after I hire someone to fix what I've broken. And yes I agree, the worst mistakes are the best lessons learned

[COBOLdinosaur]

As you move along with the site, you will find other things you need help with, and for just about anything web related you will find folks here willing to help. Just ask anytime.