Hi , I have some alignment problem and i am unable to figure it how to fix it it looks good in opera and ie but its not good in firefox..box is coming down in firefox site name : test.ysrcongress.co.in Firefox screenshot : http://i53.tinypic.com/110df08.jpg Files On the home page : Home.php calls three files where featured.html is the the one which has issue ... and i have called two files using tables ..one is slider and one is issue content all the files and code are pasted below featured.html : http://pastebin.com/embed_iframe.php?i=uZd1eC3h news.html : http://pastebin.com/embed_iframe.php?i=vtLDG9nJ K.css : http://pastebin.com/embed_iframe.php?i=r6tm8Cya Please help me out on this .. it will finish my project ... Thanks in advance with regards sribharath
Just taking a quick look at the page, I would say look into the width of the box that is being pushed down. Make sure with all the margins, padding and size dimensions that it fits in the overall space. At least that's been a similar problem I've had in the past.
In your css file, add float: right; to the .latest class. .latest { background-image: url("img/image.png"); background-repeat: no-repeat; float: right; height: 305px; margin: 0; width: 492px; } Code (markup): You can rework this to get rid of that table too. It is not needed. Your DIVs will work just fine.