05-22-2005, 08:50 PM
I'm pretty new to CSS being a table kindda guy for quite some time now. Anyway, I've got a big problem which I'm hoping to get some help with. It's with regards to this site: http://www.infusionz.org/tempDesign . It looks fine on IE but it just gets all messed up with Firefox. Could someone please help me out here coz I've been debugging this for ages and still can't find the answer. Feel free to take a look at my styles.css file. Thanks in advance.
05-22-2005, 09:18 PM
make this the first part of your CSS
that will set all padding and margins to 0. You will then have to manually add the margins and padding where necessary. That should take care of your gaps in your images. Then in you footer, well I would say get rid of the tables all together, but that you will just have to mess with the rowspan. Tables were meant for data, not web design.
05-22-2005, 09:43 PM
thanks for your reply. so what u're saying is that there's no way i can make all those boxes fit into my main page anymore? oh no... i just spent hours on that whole thing
05-22-2005, 09:54 PM
Well it can be done with tables, but I think your site can be less than 50 or 60 lines of code if you did it without tables. Gl with doing it with tables, it will be tricky. Its a lot harder to make a control the layout of a page using just tables, than it is to use divs and any other element but a table. Use a table where necessary like for data when you need to display stats or something, but the rest should be done without a table.
05-22-2005, 10:00 PM
ah, i c. I've actually been meaning to create a tableless design but I'm still pretty lousy at it. in fact, i wanted to implement it with this current website but anticipated problems when dealing with the nested divs. oh well... looks like i'm stuck here.
05-22-2005, 10:02 PM
Well try to make the tableless layout, and we can help you debug that, its a lot easier debugging a site without tables, than it is debugging a site with tables.