Member Avatar for ThirstyGlen

Hi,

I recently built a new html site and it looked great in FF, Chrome, Safari, and IE8. When I view the site in IE9, it expands vertically, leaving spaces between the images and generally destroying the page layout. I don't know if this is an issue with my html coding or IE9.

Here's the site: http://www.northshoresmile.com/

Any advice would be appreciated. I want to make sure this is fixed before IE9 gets out of Beta.

Thanks.

  • 3 Contributors
  • 3 Replies
  • 152 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by ThirstyGlen
Member Avatar for sagive

Looks great to me...

In order to lock a height you need to define it via CSS
Maybe even use an important tag so it wont get run
Over by other attributes

Like so
.somediveclass table td

{height:100px !important}

Hope this helps..

Member Avatar for tyson626

Glen - looks like you were able to resolve this problem. What did you do? I am having a similar issue.

Member Avatar for ThirstyGlen

I found a solution using nested tables. You can't set the height of individual cells but you can set the height of a nested table and this solved the problem.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.