I am trying to get three lists to appear next to each other in a container div but am having problems.
The lists are created dynamically using php/mysql but I am having major problems getting them to display properly as the second ones won't float as they should. I have been playing with the code but am getting to the stage where I can't see what is going on.
The page can be seen at http://ictechnology.net/csstest/floattest.php.
I know there is duplicated data in there, no problems as it is just test data.
If it helps, here is the html that is created by the script and it's accompanying css.
border:2px solid #FF3399;
border-bottom:1px solid #000000;
If anyone can help that would be great, hopefully it's something simple I am missing.
Firstly, and the most posted
Firstly, and the most posted on problem, you're not containing your floats;
overflow:hidden; to .countrybx
Then you should simply have to add float:left to .countul
Thanks Hugo, That's sorted
That's sorted it beautifully.
Right, something else to read up on then.