Forum Moderators: not2easy
I am having a problem with the css height attribute on a table, as you can see by clicking on the following link, it is working on one part of my page but being completely ignored on another. Take a look: ..
sorry.. see below or sticky post [webmasterworld.com] in forum about No URLs
<div align="left" style="margin-left: 3px; width:195px; height:400px;"><p>example.com – designer holiday creations.</p>...</div>
That works, and when there is not enough content to fill the div, this kicks in to make sure it doesn't mess up the display of my table.
However, this does absolutely nothing:
<table border=1 style="background-color:#b4c57f; width:150px; height:200px; border-style:solid; border:thin; border-color:#ceb76f;"><tr><td...
I would really appreciate some ideas, I am stuck. Just search on the text provided when going to view source and you'll find it right away.
Thanks,
Matthew
note: we prefer code to URI's, this avoids inadvertent promos or others seeing an "fixed" page and not knowing what the conversation is about!
[edited by: SuzyUK at 11:05 pm (utc) on Oct. 26, 2007]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MyChristmasTree.com – designer holiday creations</title>
<meta name="description" content="enter your site description here">
<meta name="keywords" content="enter your site keywords here">
<link rel="stylesheet" href="skins/Skin_7/styles.css" type="text/css">
<script type="text/javascript" src="jscripts/formValidate.js"></script>
</head>
<body>
<div align="center"><table border="0" cellspacing="0" cellpadding="0" width="966"><tr><td width="707">
<a href="/"><img src="skins/Skin_7/images/mct_text_on_top_01.jpg" width="707" height="91" border="0" /></a>
</td>
<td style="text-align:right;"><a href="ShoppingCart.aspx" style="color:white;">Shopping Cart (0)</a><br /><a style="color:white;" href="checkoutshipping.aspx?dontupdateid=true">Checkout</a><br /><a style="color:white;" href="signin.aspx">Login</a></td></tr></table></div>
<div>
<table border="0" align="center" cellpadding="0" cellspacing="0" width="966"><tr><td valign="top"><img src="skins/Skin_7/images/foiliage_left.jpg" width="34" height="387" /></td>
<td valign="top">
<!-- begin big table -->
<table width="966" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="skins/Skin_7/images/c_top_left.gif" width="5" height="5" /></td>
<td style="background-image:url(skins/Skin_7/images/top.gif);"><img src="skins/Skin_7/images/top.gif" width="12" height="5" /></td>
<td><img src="skins/Skin_7/images/c_top_right.gif" width="19" height="5" /></td>
</tr>
<tr>
<td style="background-image:url(skins/Skin_7/images/left.gif); background-repeat:repeat-y;"><img src="skins/Skin_7/images/left.gif" width="5" height="45" /></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;">
<tr>
<td colspan="2" style="background-image:url(skins/Skin_7/images/bar_bg.jpg); background-repeat:repeat-x; vertical-align:top; margin:0px;">
<table cellpadding="1" cellspacing="0" border="0" style="padding-top:2px; width:945px;"><tr><td><!-- TOP MENU -->
<script src="skins/componentart_webui_client/2006_1_1252/A573G988.js" type="text/javascript"></script><script src="skins/componentart_webui_client/2006_1_1252/A573S188.js" type="text/javascript"></script><script src="skins/componentart_webui_client/2006_1_1252/A573Z388.js" type="text/javascript"></script><script src="skins/componentart_webui_client/2006_1_1252/A573W888.js" type="text/javascript"></script><script src="skins/componentart_webui_client/2006_1_1252/A573Q288.js" type="text/javascript"></script><script src="skins/componentart_webui_client/2006_1_1252/A573R388.js" type="text/javascript"></script><script type="text/javascript">
//<![CDATA[
/*** ComponentArt Web.UI client-side storage for PageMenu ***/
window.ComponentArt_Storage_PageMenu=[['p0',-1,[],[[30,'Home'],[17,'default.aspx'],[37,'TopItemLook']]],['p1',-1,[2,3,10,13,17,22],[[30,'Departments'],[37,'TopItemLook']]],['p2',1,[],[[30],[17,'s-163-.aspx']]],['p3',1,[4,5,6,7,8,9],[[30,'Artificial Trees'],[17,'s-117-artificial-trees.aspx'],['Look-RightIconUrl','arrow.gif'],['Look-RightIconWidth','15']]],['p4',3,[],[[30,'Fiber Optic'],[17,'s-131-fiber-optic.aspx']]],['p5',3,[],[[30,'Non-lit'],[17,'s-129-non-lit.aspx']]],['p6',3,[],[[30,'Pre-lit'],[17,'s-118-pre-lit.aspx']]],['p7',3,[],[[30,'Special Colors'],[17,'s-142-special-colors.aspx']]],['p8',3,[],[[30,'Storage Bags'],[17,'s-127-storage-bags.aspx']]],['p9',3,[],[[30,'Table Top'],[17,'s-133-table-top.aspx']]],['pA',1,[11,12],[[30,'Holiday Home Decor'],[17,'s-135-holiday-home-decor.aspx'],['Look-RightIconUrl','arrow.gif'],['Look-RightIconWidth','15']]],['pB',10,[],[[30,'Poinsettias and Florals'],[17,'s-147-poinsettias-and-florals.aspx']]],['pC',10,[],[[30,'Santa Suits and Hats'],[17,'s-157-santa-suits-and-hats.aspx']]],['pD',1,[14,15,16],[[30,'Holiday Lighting'],[17,'s-121-holiday-lighting.aspx'],['Look-RightIconUrl','arrow.gif'],['Look-RightIconWidth','15']]],['pE',13,[],[[30,'Electrical Supplies'],[17,'s-134-electrical-supplies.aspx']]],['pF',13,[],[[30,'Indoor and Outdoor Lighting'],[17,'s-122-indoor-and-outdoor-lighting.aspx']]],['p10',13,[],[[30,'Lighting Accessories'],[17,'s-128-lighting-accessories.aspx']]],['p11',1,[18,19,20,21],[[30,'Tree Trimmings'],[17,'s-115-tree-trimmings.aspx'],['Look-RightIconUrl','arrow.gif'],['Look-RightIconWidth','15']]],['p12',17,[],[[30,'Accessories (hooks)'],[17,'s-116-accessories-hooks.aspx']]],['p13',17,[],[[30,'Bows'],[17,'s-164-bows.aspx']]],['p14',17,[],[[30,'Ornaments'],[17,'s-130-ornaments.aspx']]],['p15',17,[],[[30,'Tree Stands'],[17,'s-144-tree-stands.aspx']]],['p16',1,[23,24,25],[[30,'Wreaths and Garland'],[17,'s-119-wreaths-and-garland.aspx'],['Look-RightIconUrl','arrow.gif'],['Look-RightIconWidth','15']]],['p17',22,[],[[30,'Accessories'],[17,'s-125-accessories.aspx']]],['p18',22,[],[[30,'Non-lit'],[17,'s-120-non-lit.aspx']]],['p19',22,[],[[30,'Pre-lit'],[17,'s-132-pre-lit.aspx']]],['p1A',-1,[27,28,29,30,31,32],[[30,'Customer Service'],[37,'TopItemLook']]],['p1B',26,[],[[30,'Your Account'],[17,'account.aspx'],[37,'DefaultItemLook']]],['p1C',26,[],[[30,'Order Status/History'],[17,'account.aspx'],[37,'DefaultItemLook']]],['p1D',26,[],[[30,'Returns Policy'],[17,'t-returns.aspx'],[37,'DefaultItemLook']]],['p1E',26,[],[[30,'Shipping Info'],[17,'t-shipping.aspx'],[37,'DefaultItemLook']]],['p1F',26,[],[[30,'Contact Us'],[17,'t-contact.aspx'],[37,'DefaultItemLook']]],['p20',26,[],[[30,'Privacy Policy'],[17,'t-privacy.aspx'],[37,'DefaultItemLook']]],['p21',-1,[],[[30,'About Us'],[17,'t-about.aspx'],[37,'TopItemLook']]]];
window.ComponentArt_ItemLooks_PageMenu=[[0,'DefaultItemLook',1,'MenuItem',2,'MenuItemHover',5,2,6,5,7,15,8,2,9,'MenuItemDown',10,'MenuItemDown'],[0,'TopItemLook',1,'TopMenuItem',2,'TopMenuItemHover',5,2,6,4,7,4,8,2],[0,'ScrollUpItemLook',1,'ScrollItem',2,'ScrollItemH',3,13,4,15,9,'ScrollItemA',23,'scroll_up.gif'],[0,'ScrollDownItemLook',1,'ScrollItem',2,'ScrollItemH',3,13,4,15,9,'ScrollItemA',23,'scroll_down.gif'],[0,'BreakItem',3,1,4,'100%',23,'break.gif']];
window.ComponentArt_ScrollLooks_PageMenu=[[0,'ScrollDownItemLook'],[0,'ScrollUpItemLook']];
//]]>
</script>
<div style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="skins/skin_7/images/arrow.gif" width="0" height="0" alt="" />
</div><div id="PageMenu_div" style="height:;width:;"></div><input id="PageMenu_ContextData" name="PageMenu_ContextData" type="hidden" /><script type="text/javascript">
//<![CDATA[
if (!(window.cart_menu_documentmousedownhandled))
{
ComponentArt_AddEventHandler(document,'mousedown',new Function('event','ComponentArt_Menu_DocumentMouseDown(event)'));
window.cart_menu_documentmousedownhandled = true;
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
/*** ComponentArt_Menu_Startup_PageMenu ***/
window.ComponentArt_Init_PageMenu = function() {
if (!(window.cart_menu_kernel_loaded && window.cart_menu_support_loaded))
{
setTimeout('ComponentArt_Init_PageMenu()', 500);
return;
}
window.PageMenu = new ComponentArt_Menu('PageMenu',ComponentArt_Storage_PageMenu,ComponentArt_ItemLooks_PageMenu,ComponentArt_ScrollLooks_PageMenu,null,false);
PageMenu.PropertyStorageArray = [
['ApplicationPath','/'],['AutoPostBackOnSelect',false],['BaseUrl',''],['CascadeCollapse',false],['ClientSideOnContextMenuHide',null],['ClientSideOnContextMenuShow',null],['ClientSideOnItemMouseOut',null],['ClientSideOnItemMouseOver',null],['ClientSideOnItemSelect',null],['ClientTemplates',[]],['CollapseDelay',0],['CollapseDuration',200],['CollapseSlide',0],['CollapseTransition',0],['CollapseTransitionCustomFilter',null],['ContextControlId',null],['ContextData',null],['ContextMenu',0],['ControlId','PageMenu'],['CssClass','TopMenuGroup'],['DefaultChildSelectedItemLookId',''],['DefaultDisabledItemLookId',''],['DefaultGroupCssClass','MenuGroup'],['DefaultGroupExpandDirection',0],['DefaultGroupExpandOffsetX',0],['DefaultGroupExpandOffsetY',0],['DefaultGroupHeight',null],['DefaultGroupItemSpacing',1],['DefaultGroupOrientation',0],['DefaultGroupWidth',null],['DefaultItemLookId','DefaultItemLook'],['DefaultItemTextAlign',0],['DefaultItemTextWrap',false],['DefaultSelectedItemLookId',''],['DefaultTarget',''],['ExpandDelay',0],['ExpandDuration',0],['ExpandOnClick',false],['ExpandSlide',0],['ExpandTransition',0],['ExpandTransitionCustomFilter',null],['ForceHighlightedItemID',''],['Height',null],['HideSelectElements',cart_browser_hideselects && true],['HighlightExpandedPath',true],['ImagesBaseUrl','skins/skin_7/images/'],['MultiPageId',null],['Orientation',1],['OverlayWindowedElements',cart_browser_overlays && true],['PlaceHolderId','PageMenu_div'],['ScrollingEnabled',true],['SelectedItemPostBackID','p0'],['ShadowColor','#8D8F95'],['ShadowEnabled',true],['ShadowOffset',2],['TopGroupExpandDirection',0],['TopGroupItemSpacing',1],['Width',null]
];
PageMenu.LoadProperties();
ComponentArt_Menu_MarkSelectedItem(PageMenu);
ComponentArt_Menu_MarkForceHighlightedItem(PageMenu);
ComponentArt_Menu_RenderMenu(PageMenu);
ComponentArt_Menu_InitKeyboard(PageMenu);
window.PageMenu_loaded = true;
}
ComponentArt_Init_PageMenu();
//]]>
</script>
<!-- END TOP MENU --></td><td style="text-align:right;"><img src="images/spacer.gif" width="4" height="1" /></td></tr></table> </td>
</tr>
<tr>
<td width="198" valign="top" style="background-color:#ebede1;"><table width="195" border="0" cellspacing="0" cellpadding="0" style="background-color:#daddc6; text-align:left;">
<tr>
<td><img src="skins/Skin_7/images/departments.gif" width="195" height="25" /></td>
</tr>
<tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-163-.aspx"></a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr><tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-117-artificial-trees.aspx">Artificial Trees</a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr><tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-135-holiday-home-decor.aspx">Holiday Home Decor</a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr><tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-121-holiday-lighting.aspx">Holiday Lighting</a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr><tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-115-tree-trimmings.aspx">Tree Trimmings</a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr><tr><td><img src='images/spacer.gif' height='1' width='1'><br/><img src='images/spacer.gif' height='1' width='3'><a style='color: #000000;' href="s-119-wreaths-and-garland.aspx">Wreaths and Garland</a></td></tr><tr><td style=' background-image:url(images/departmentbg.gif); background-repeat: repeat-x; vertical-align: top;'><img src='images/departmentbg.gif'></td></tr>
</table>
<br />
<div align="left" style="margin-left: 3px; width:195px; height:400px;">
<p>MyChristmasTree.com – designer holiday creations.</p>
<p><img src="skins/Skin_7/images/commercial_customers.gif" width="193" height="47" /><br />
<br />
</p>
</div></td>
<td width="749" valign="top">
<!-- start body -->
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#364f2f; text-align:right; color:#FFFFFF; width:100%; height:23px;"><tr><td>You Are Here: Welcome to MyChristmasTree<img src="images/spacer.gif" width="4" height="1" /></td></tr></table>
<IMG height=343 src="images/feature_photo.jpg" width=749 vspace=1>
<TABLE style="MARGIN-LEFT: 3px" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<P><SPAN style="FONT-WEIGHT: bold">Welcome to MyChristmasTree.com where you can shop the finest artificial Christmas trees and decorations.</SPAN></P>
<DIV>Choose from our amazing selection of <A href="s-129-non-lit.aspx">undecorated Artificial Christmas Trees</A> or purchase our pre-assembled decoration kits, in three elegant Christmas Themes. Each kit contains the perfect amount of ornaments and accessories to help you create a beautiful, designer tree instantly! </DIV></TD></TR></TBODY></TABLE><BR><IMG height=32 src="images/featured_items.gif" width=749><BR><br><table width="100%" cellpadding="2" cellspacing="0" border="1"><tr>
<td align="center"><table border=1 style="background-color:#b4c57f; width:150px; height:200px; border-style:solid; border:thin; border-color:#ceb76f;"><tr><td align="center" valign="top">
<a href="p-23007-foxtail-frasier.aspx"><img src="images/PRODUCT/icon/23007.jpg" border="0" /></a></td></tr><tr><td align="center" valign="top">
<b class="a4"><a style="color: #990000; font-weight:bold;" href="p-23007-foxtail-frasier.aspx">Foxtail Frasier</a><br/><span class="LevelPrice" style="color:red"> Price: $139.99</span></td></tr></table></td><td align="center"><table border=1 style="background-color:#b4c57f; width:150px; height:200px; border-style:solid; border:thin; border-color:#ceb76f;"><tr><td align="center" valign="top">
<a href="p-23326-garland-lights.aspx"><img src="images/PRODUCT/icon/934336.jpg" border="0" /></a></td></tr><tr><td align="center" valign="top">
<b class="a4"><a style="color: #990000; font-weight:bold;" href="p-23326-garland-lights.aspx">Garland Lights</a><br/><span class="LevelPrice" style="color:red"> Price: $29.99</span></td></tr></table></td><td align="center"><table border=1 style="background-color:#b4c57f; width:150px; height:200px; border-style:solid; border:thin; border-color:#ceb76f;"><tr><td align="center" valign="top">
<a href="p-24582-30montana-wreath-100-frstclr.aspx"><img src="images/PRODUCT/icon/24582.jpg" border="0" /></a></td></tr><tr><td align="center" valign="top">
<b class="a4"><a style="color: #990000; font-weight:bold;" href="p-24582-30montana-wreath-100-frstclr.aspx">Montana Pre-Lit Artificial Wreath</a><br/><span class="LevelPrice" style="color:red"> Price: $59.99</span></td></tr></table></td><td align="center"><table border=1 style="background-color:#b4c57f; width:150px; height:200px; border-style:solid; border:thin; border-color:#ceb76f;"><tr><td align="center" valign="top">
<a href="p-24777-70mm-40-ast-shtrproof-orn.aspx"><img src="images/PRODUCT/icon/919180.jpg" border="0" /></a></td></tr><tr><td align="center" valign="top">
<b class="a4"><a style="color: #990000; font-weight:bold;" href="p-24777-70mm-40-ast-shtrproof-orn.aspx">Unbreakable Christmas Ball Ornaments - Assorted Colors</a><br/><span class="LevelPrice" style="color:red"> Price: $24.99</span></td></tr></table></td></tr><tr></tr></table>
<p style="color:#FFFFFF;">Mauris sem. Fusce vitae metus eu lacus laoreet pulvinar. Pellentesque dapibus aliquam nibh. Phasellus consequat metus et augue. Integer sed velit nec purus faucibus nonummy. Donec fermentum convallis eros.</p>
<!-- end body -->
</td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top" style="background-image:url(skins/Skin_7/images/right.gif); background-repeat:repeat-y;"><img src="skins/Skin_7/images/right_shadow_line.jpg" width="24" height="493" /></td>
</tr>
<tr>
<td><img src="skins/Skin_7/images/c_bottom_left.gif" width="5" height="145" /></td>
<td><img src="skins/Skin_7/images/bottom_curve.jpg" width="947" height="145" /></td>
<td><img src="skins/Skin_7/images/end_bottom_right_shadow.gif" width="19" height="145" /></td>
</tr>
</table>
<!-- end big table -->
</td></tr></table>
</div>
</body>
</html>
