PDA

View Full Version : Table heights inconsistent - Help please!


tenspeedsf
05-21-2007, 10:57 PM
I'm not at all savvy with web programming. I have lots of experience creating HTML e-mails in DreamWeaver but this is the first complete site I've designed and built using DW8.

http://www.10speedstudio.com/testsite

I'm almost done except I cannot figure out why two of the pages, "contact" and "creative brief", are taller than the other pages.

http://www.10speedstudio.com/testsite/about_brief.html
http://www.10speedstudio.com/testsite/about_contact.html

Everything checks out in DW layout mode; every container table adds up to 561 pixels high. However, when I look at these two pages live (or in browser preview) they are not only taller than the portfolio pages, they're off by different amounts. :confused:

I thought perhaps I had added top/bottom margins in CSS that weren't showing in DW layout mode but my brief moment of inspiration was proven to be incorrect.

I'd appreciate your input as to what I've done wrong here. Thanks in advance. :grin:

domedia
05-22-2007, 01:52 PM
Hi, Did you fix this already? Looks just fine over here.

tenspeedsf
05-22-2007, 03:22 PM
Nope, it's still not working. If you click on the left-hand "view portfolio" links all the page tables in that section are the same size. Click on "creative brief" under "about 10 speed" and the page table is about 10-15 pixels taller. The "contact" page is even taller than that by another 5 pixels or so. I need these two pages to match the height of those in the "view portfolio" section. I know it's pretty subtle, but since my profession is all about details I can't let potential employers see it and think I'm a sloppy designer.

Everything looks consistent in DW, but the discrepancy is apparent when I preview in browser and live on: Mac Safari, Firefox, Camino, and IE-- as well as IE 7 and Firefox on Windows.

I'd appreciate your guidance as to how to fix this. Thanks!

tenspeedsf
05-22-2007, 07:06 PM
I re-built each of the offending pages from scratch. In all but two browsers the pages still look like crap:

OK! - Mac Camino
OK! - Mac FireFox
Blech! - Mac Safari
Blech to a lesser degree (only 1 pixel off)! Mac IE 5.2.3
Blech! PC IE 7
Blech! PC IE 6
Blech! PC Firefox 1.0

So, shall I assume that this problem is the caused by browser inconsistencies since it looks perfectly fine in both Mozilla-made Mac browsers? How can I improve the look of the others-- or at least minimize the yuckiness?

Thanks in advance.

domedia
05-23-2007, 06:49 PM
It's been a while Since I've done table layouts, but I'm sure someone on the forum can help you out. Anyone?

Another option would be to go more towards web standards and use CSS for the styling, but that would require some time and studies in how those layouts are done.

tenspeedsf
05-23-2007, 09:52 PM
Thanks for your reply. I ended up asking a web programmer friend of mine to finish up those pages for me. He hates Dreamweaver and was happy to clean up the sloppy DW code. The site's now live at: www.10speedstudio.com

chriskq
05-24-2007, 11:45 AM
lol... tenspeedsf (http://www.dreamweaverclub.com/forum/member.php?u=24671) dont be too harsh on urself

Mac IE5.2 is not supported anymore, so i think its fair to sratch that off ur list.

i noticed the site is structured like u would structure an email, which is fine dont get me wrong. But browsers have a tendancy to throw things out even for the best coder. Fixed heights are often a cause of this - because font sizes/spacing are not consistant over all browsers in my opinion.... well i dunno IE is a pain the butt basically </rant>

great site thou!!!
and welcome to the forums