HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Explorer cell height problem
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
vavroom



Joined: 17 Jul 2005
Posts: 6
Location: New Zealand / Aotearoa

PostPosted: Sun Jul 17, 2005 10:53 pm     Explorer cell height problem Reply with quote

Hello,

Hope someone can help me, as I'm about to bang my head through our brick wall Sad Been trying to figure out this problem all day, to no avail. I've looked on the forum and while there appears to be a couple other threads with similar problem, it didn't seem to address my issue. I could have missed something, please feel free to point me to an appropriate thread if I've missed it Smile

I don't have a live link as I'm developping locally. And the html/css I use is rather large, but I've replicated my problem in one simple table posted below.

I am using a table for layout (yes, I prefer css, but...)

Code:
<table width="100%"  border="1" cellspacing="0">
  <tr>
    <td height="10px" id="a">&nbsp;</td>
    <td rowspan="2" width="400px" id="b"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin erat. In sapien. Sed sed dui. Aenean venenatis, est vitae fermentum iaculis, mi erat pretium massa, et congue pede mauris a arcu. Nulla tincidunt, nunc eu malesuada mollis, mauris sem consectetuer orci, sit amet lacinia nunc dolor in urna. Ut gravida feugiat lorem. Quisque dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed eros felis, tincidunt nec, lacinia a, convallis a, ante. Nunc quis tellus. Morbi rutrum porta mauris. Sed id mi ac tortor tincidunt facilisis. Mauris commodo fringilla justo. Phasellus magna. Morbi fringilla lacinia dolor. Morbi non libero. </td>
    <td id="c">&nbsp;</td>
  </tr>
  <tr>
    <td id="d">&nbsp;</td>
    <td id="e">&nbsp;</td>
  </tr>
</table>


My problem is that defining a height for cells a and d seem to have no effect, until their height is greater than cell c and e. a, c, d and e are all empty cells, with a background image applied through css. a and d have a no-repeat image, whereas c and e have a repeat-y image. In effect, I want the bottom row to be of variable height (pending content in b) and the top row to be fixed.

For my purpose, I need to limit a and d to 44px high. This works very well in FF, but not at all in IE.

I would rather avoid nesting another table in those cells.

Has anyone *any* thought at all? Any help would be greatly appreciated.
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Mon Jul 18, 2005 3:41 am     Reply with quote



Just curious - what DOCTYPE are you using? Did you want to use divs instead of tables as well or is this to serve tabular data? You also might want to check out International Web Developers Network
vavroom



Joined: 17 Jul 2005
Posts: 6
Location: New Zealand / Aotearoa

PostPosted: Mon Jul 18, 2005 4:55 am     Reply with quote

Corey Bryant wrote:
Just curious - what DOCTYPE are you using?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Out of curiousity, I tried removing the doctype entirely, see what happens. The particular issue did not get resolved, and my centered layout got shoved back to the left!

I would MUCH prefer to use only divs for this particular layout, and I usualy do, but I tried getting this particular design to work in CSS, and that went nowhere fast.

I'll see about the IWDN, thanks for the hint.
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA

PostPosted: Mon Jul 18, 2005 5:02 am     Reply with quote

Anytime - they should be able to help you out with the divs etc. I tend to stay away from the height myself just because of some of the issues. They'll be able to help / explain everything!

Good luck!
vavroom



Joined: 17 Jul 2005
Posts: 6
Location: New Zealand / Aotearoa

PostPosted: Mon Jul 18, 2005 5:21 am     Reply with quote

Having no luck getting the activation email back from them Sad

Oh hummm.
vavroom



Joined: 17 Jul 2005
Posts: 6
Location: New Zealand / Aotearoa

PostPosted: Mon Jul 18, 2005 6:41 pm     Reply with quote

Got myself activated and logged in and I even figured out the solution. Which was going away from tables entirely Wink

http://www.becanz.net/testing1/

I do have one issue, perhaps you can help me figure it out, I'm not "seeing" it. The first page that loads is the straightforward page that will load throught the site. the second page loads what actually will be the front page, with an extra area to feature some text.

The third page shows the problem I'm encountering. If I start the main content area with a p, there's no break in FF (as seen in first two pages). If I start with any level of header, then there's a 2px split.

This, for some reason, is not happening in IE!!!

Thoughts?
vavroom



Joined: 17 Jul 2005
Posts: 6
Location: New Zealand / Aotearoa

PostPosted: Tue Jul 19, 2005 3:30 am     Fixed! Reply with quote

Got it worked out, after much finaggling Smile
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial