callmecheez
asked on
html - created site in dreamweaver (tables) - layout different between browsers.
Hi,
I created a page in dreamweaver using tables for layout and CSS rules for the colours etc; its more or less 'ok' apart from my 'logo.jpg' (logo image) appears in a different place in Internet Explorer vs Firefox.
I gather using tables is bad practice; but I only know how to use dreamweaver for website.
Any tips for getting layout to render the same on both browsers?
(URL Removed by Asker Request - Jason1178)
I created a page in dreamweaver using tables for layout and CSS rules for the colours etc; its more or less 'ok' apart from my 'logo.jpg' (logo image) appears in a different place in Internet Explorer vs Firefox.
I gather using tables is bad practice; but I only know how to use dreamweaver for website.
Any tips for getting layout to render the same on both browsers?
(URL Removed by Asker Request - Jason1178)
ASKER
Its supposed to have a logo top-right, menu' down the left, contact details bottom left, content in the black box middle-right.
"Make sure you set a width to at least one td in each column." -Will have a look, but don't know exactly what I'm looking for.
"you want to set the text-align property to right on the block-level container (in this case, a table cell) containing the image." - don't know how / don't understand. . !
Many thanks for the reply, much appreciated!
"Make sure you set a width to at least one td in each column." -Will have a look, but don't know exactly what I'm looking for.
"you want to set the text-align property to right on the block-level container (in this case, a table cell) containing the image." - don't know how / don't understand. . !
Many thanks for the reply, much appreciated!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
"I gather using tables is bad practice; but I only know how to use dreamweaver for website."
no, it is not. The problem is dreamweaver. The program uses tables where it should use CSS, and it uses CSS where it would often be better to use tables. The programmers never got it right.
as rbudj says, if you are doing tables, you have to assign real pixel values to every cell with images, as well as those around it, and if a cell is blank, put a in it to get it to align correctly. The total of all cells should be about 90-95% of the width of the table (allowing for padding and margins). Work with the numbers.
no, it is not. The problem is dreamweaver. The program uses tables where it should use CSS, and it uses CSS where it would often be better to use tables. The programmers never got it right.
as rbudj says, if you are doing tables, you have to assign real pixel values to every cell with images, as well as those around it, and if a cell is blank, put a in it to get it to align correctly. The total of all cells should be about 90-95% of the width of the table (allowing for padding and margins). Work with the numbers.
>> The program uses tables where it should use CSS, and it uses CSS where it would often be better to use tables.
The program only does what someone tells it to do, scratchy...
If you use CSS, DW uses CSS. If you insert a table, it uses a table.
The program only does what someone tells it to do, scratchy...
If you use CSS, DW uses CSS. If you insert a table, it uses a table.
Make sure you set a width to at least one td in each column.
Also, you have the text-align property set to right on the image. This is incorrect -- you want to set the text-align property to right on the block-level container (in this case, a table cell) containing the image.
Try that out and see how it goes. If it helps, draw out what your table is supposed to look like on paper, then figure out cell merges etc (colspans and rowspans).
Of course, I'd still encourage you to go to a CSS layout. You'd be surprised how easy it would be for such a simple layout.