I've been spending a while on a problem with div alignment. I have several divs aligned horizontally. In Firefox sometimes when the page loads some of those divs get pushed onto a 2nd line. I've been looking everywhere for a solution to a problem but nothing seems to be working. Here is the url: http://www.cashbackrewardcreditcards.net/creditcard-sitemap.php The feature cards and footer links are the ones causing problems. I would be very appreciate if someone could help me. This is my first attempt at a tableless css design and it's causing some frustration. Thanks!
Anybody willing to do it for $5? It's probably a pretty easy fix. I just don't know what I'm doing with css. I probably just need an extra div property or an extra layer of div nesting. It's wasting too much of my time though.
Thanks for the tip. I tried making sure all related divs had a height. It doesn't seem to work. Anybody have any ideas?
<div style="width:500px; float:right">text here</div> <div style="clear:both"></div> HTML: Try this... You can also specify the width of the container (500px)
I believe I have all widths properly specified. I tried adding these properties but it didn't seem to do anything. Would you be willing to take a shot at fixing it if I supply ftp access?
Doh the issue was simply that I had to use float:left; for all divs in the row. I think I tried that before but it wasn't working due to the display type. Thanks for all your help.
The problem with div alignments is that it can look great on your computer but for those that have bigger screen div does not align them well... I would try to stay away from coding with div tables..