Mechphisto
02-18-2010, 06:17 PM
Hi all,
I've got a bit of HTML that's doing weird things.
See the table down in there? (I know I know, tables. If there's a better way of laying this info out in this appearance without using a table...and a bunch of exactly placed div's, I'm all ears.)
For some reason all the content below the table wants to appear on the right side as it the table is a left-aligned image!
Despite the fact there's <p> in between as well as the table and the following content are placed in their own div tags.
If I force the table to 100% (odd it's not defaulting to 100% anyway) then there's no problem...but I don't want a 100% table.
If I remove all the div's no change.
If I use Firebird's Firebug to turn off ALL CSS styles, still no change.
And there's no HTML being echoed in the PHP tags you're seeing in there.
What in the world is happening? Any ideas? Especially how to stop it?
Thanks for any feedback,
Liam
<!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>Untitled Document</title>
<LINK REL=StyleSheet HREF="../includes/styles.css" TYPE="text/css" MEDIA=screen>
</head>
<body>
<div id="mainresults" align="left">
<p class="main_bold">Is this the information you want to submit?</p>
<p class="main_bold"> </p>
<p class="main_bold_med">LPS Planning Program:</p>
<p class="main_bold_med"><span class="mainhead_med" style="padding-left:20px"><?=$chk_who_DISP?></span></p>
<p class="main_bold_med"><br />Program Title:</p>
<p class="main_bold_med"><span class="mainhead_med" style="padding-left:20px"><?=$txt_programtitle_DISP?></span></p>
<p class="main_bold_med"><br />Age Level:</p>
<div class="mainhead_med" style="padding-left:20px"><?=$chk_age_DISP?></div>
</div>
<!-- ~~~~~~~~~~~~~~~~~~ -->
<!-- BEGIN DYNAMIC AREA -->
<p> </p>
<div id="dynamicresults" align="left">
<table align="left" border="0" cellpadding="2" cellspacing="0" width="400px">
<tr>
<td class="main_bold_med">Date:</td><td colspan="3" class="mainhead_med"><?=$date_date_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Time:</td><td colspan="3" class="mainhead_med"><?=$date_time_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Location:</td><td colspan="3" class="mainhead_med"><?=$txt_location_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Location Code:</td><td colspan="3" class="mainhead_med"><?=$txt_loc_code_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Registration Deadline:</td><td colspan="3" class="mainhead_med"><?=$deadline_DISP?></td>
</tr>
<tr>
<td colspan="2"> </td><td class="main_bold_med">Min/Max:</td><td class="mainhead_med"><?=$txt_minmax_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Girl Cost:</td><td class="mainhead_med"><?=$txt_cost_girl_DISP?></td><td class="main_bold_med">Adult Cost:</td><td class="mainhead_med"><?=$txt_cost_adult_DISP?></td>
</tr>
</table>
</div>
<p> </p>
<!-- END DYNAMIC AREA -->
<!-- ~~~~~~~~~~~~~~~~ -->
<div id="mainresults2" align="left">
<p class="main_bold_med"><br />Description:</p>
<div id="mainresults2b" class="mainhead_med" style="padding-left:20px"><?=$txt_description_DISP?></div>
<p><span class="main_bold_med"><br />Leadership Key(s):</span>
<div id="leadership" style="padding-left:20px">
<p><strong>Discover </strong></p>
<?=$chk_discover_DISP?>
<p><strong>Connect </strong></p>
<?=$chk_connect_DISP?>
<p><strong>Take Action </strong></p>
<?=$chk_action_DISP?>
</div>
</p>
</div>
</body>
</html>
I've got a bit of HTML that's doing weird things.
See the table down in there? (I know I know, tables. If there's a better way of laying this info out in this appearance without using a table...and a bunch of exactly placed div's, I'm all ears.)
For some reason all the content below the table wants to appear on the right side as it the table is a left-aligned image!
Despite the fact there's <p> in between as well as the table and the following content are placed in their own div tags.
If I force the table to 100% (odd it's not defaulting to 100% anyway) then there's no problem...but I don't want a 100% table.
If I remove all the div's no change.
If I use Firebird's Firebug to turn off ALL CSS styles, still no change.
And there's no HTML being echoed in the PHP tags you're seeing in there.
What in the world is happening? Any ideas? Especially how to stop it?
Thanks for any feedback,
Liam
<!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>Untitled Document</title>
<LINK REL=StyleSheet HREF="../includes/styles.css" TYPE="text/css" MEDIA=screen>
</head>
<body>
<div id="mainresults" align="left">
<p class="main_bold">Is this the information you want to submit?</p>
<p class="main_bold"> </p>
<p class="main_bold_med">LPS Planning Program:</p>
<p class="main_bold_med"><span class="mainhead_med" style="padding-left:20px"><?=$chk_who_DISP?></span></p>
<p class="main_bold_med"><br />Program Title:</p>
<p class="main_bold_med"><span class="mainhead_med" style="padding-left:20px"><?=$txt_programtitle_DISP?></span></p>
<p class="main_bold_med"><br />Age Level:</p>
<div class="mainhead_med" style="padding-left:20px"><?=$chk_age_DISP?></div>
</div>
<!-- ~~~~~~~~~~~~~~~~~~ -->
<!-- BEGIN DYNAMIC AREA -->
<p> </p>
<div id="dynamicresults" align="left">
<table align="left" border="0" cellpadding="2" cellspacing="0" width="400px">
<tr>
<td class="main_bold_med">Date:</td><td colspan="3" class="mainhead_med"><?=$date_date_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Time:</td><td colspan="3" class="mainhead_med"><?=$date_time_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Location:</td><td colspan="3" class="mainhead_med"><?=$txt_location_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Location Code:</td><td colspan="3" class="mainhead_med"><?=$txt_loc_code_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Registration Deadline:</td><td colspan="3" class="mainhead_med"><?=$deadline_DISP?></td>
</tr>
<tr>
<td colspan="2"> </td><td class="main_bold_med">Min/Max:</td><td class="mainhead_med"><?=$txt_minmax_DISP?></td>
</tr>
<tr>
<td class="main_bold_med">Girl Cost:</td><td class="mainhead_med"><?=$txt_cost_girl_DISP?></td><td class="main_bold_med">Adult Cost:</td><td class="mainhead_med"><?=$txt_cost_adult_DISP?></td>
</tr>
</table>
</div>
<p> </p>
<!-- END DYNAMIC AREA -->
<!-- ~~~~~~~~~~~~~~~~ -->
<div id="mainresults2" align="left">
<p class="main_bold_med"><br />Description:</p>
<div id="mainresults2b" class="mainhead_med" style="padding-left:20px"><?=$txt_description_DISP?></div>
<p><span class="main_bold_med"><br />Leadership Key(s):</span>
<div id="leadership" style="padding-left:20px">
<p><strong>Discover </strong></p>
<?=$chk_discover_DISP?>
<p><strong>Connect </strong></p>
<?=$chk_connect_DISP?>
<p><strong>Take Action </strong></p>
<?=$chk_action_DISP?>
</div>
</p>
</div>
</body>
</html>