/    Sign up×
Community /Pin to ProfileBookmark

im trying to get this page to render correctly in later versions of IE like IE6 and i’ve tried a lot of differect doctypes and still am getting weird stuff in the browser.

in this pic firefox is on the left and IE 6 is on the right. what doctype should I use to get this to render correctly in later versions?

[URL=”http://img15.imageshack.us/my.php?image=111222hi0.jpg”]http://img15.imageshack.us/my.php?image=111222hi0.jpg[/URL]

to post a comment
HTML

5 Comments(s)

Copy linkTweet thisAlerts:
@CharlesFeb 19.2009 — You should use the doctype appropriate for your HTML and we can't tell that without seeing the HTML.
Copy linkTweet thisAlerts:
@WebJoelFeb 20.2009 — "...in this pic firefox is on the left and IE 6 is on the right..."[/QUOTE] yes there are some issues here with cross-browser. Need to see the code, or URL to active site
Copy linkTweet thisAlerts:
@wishkah353authorFeb 20.2009 — [code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<title>UCD - Home</title>
<link href="default.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="javascript" src="validation.js"></script>
</head>
<?php
$xTitle = "The Central New York Center for Veterans";
$xContent = "<p>Veteran's services in upstate New York have not been able to keep up with the increasingly high demand
that has been placed upon them. Utica Center for Development Inc. ( UCD ) is in the process of creating
a resourceful, one stop facility in Utica for veterans residing throughout Central New York.</p>
<p>The Facility would offer transitional housing for homeless veterans with permanent housing for disabled
and elderly veterans. A wide variety of services such as:</p>
<ul>
<li>Counseling</li>
<li>Educational Opportunities</li>
<li>Employment Assistance</li>
<li>Legal Aid</li>
<li>Case Management</li>
<li>Physical Therapy</li>
<li>Medical Care</li>
</ul>
<p>These would all be available within one centralized location.</p>
<p>We need your assistance to help support the men and women who have defended our homes and country!</p>

<div class='boxed'>
<h2 class='title'>- George Washington</h2>
<div class='content'>
<blockquote>
<p>"The willingness with which our young people are likely to serve in any war, no matter how justified, shall be directly proportional to how they perceive the Veterans of earlier wars were treated and appreciated by their nation."</p>
</blockquote>
</div>
</div>

<img src='images/ucdPage.jpg' style='margin-left: -10px; margin-top: 3%;' />";
$xBoxed = "";
switch ( $_GET[ "action" ] ) { // change page title and content according to action=
case "services":
$xTitle = "Services";
$xContent = "<p style='text-align: center;'>This is eventually a detailed list of all the services provided by the center</p><img src='images/ucdPage.jpg' style='margin-left: -10px;' />";
$xBoxed = "";
break;
case "organization":
$xTitle = "Photo Pages";
$xContent = "<p style='text-align: center;'>eventually divs with photos then paragraph descriptions of employees</p>";
for ( $i = 1; $i < 4; $i += 1) {
$xContent .= "<div class='picContainer'>
<div class='clear'></div>
<div class='picSlot'>
<img src='images/emps/";
$xContent .= $i;
$xContent .= ".jpg*****' style='width: 290px; height: 250px;' />
</div><div class='picSlotPara'>
<p>this is a</p><p>paragraph.</p><p>test test test test</p>
</div>
<div class='clear'></div>
</div><br />";
}
$xBoxed = "";
break;
case "volunteer":
$xTitle = "Volunteer Form";
$xContent = "
<p>UCD is currently looking for volunteers to fill the following positions:</p>
<ul>
<li>Front desk / Receptionist</li>
<li>Maintenance workers</li>
<li>Recorder</li>
</ul>
<p>If you would like to help, please fill out this form with accurate information and someone will contact you shortly
regarding your desired position</p>

<form method='post' action='index.php?action=submit' onsubmit='return validate_form( );' name='vol_form'>
<table align='center'>
<tr><td align='right'>First Name: </td><td><input name='xFname' /></td></tr>
<tr><td align='right'>Last Name: </td><td><input name='xLname' /></td></tr>
<tr><td align='right'>Phone Number: </td><td><input name='xPhone' /></td></tr>
<tr><td align='right'>Best time to Contact: </td><td><input name='xTime' /></td></tr>
<tr><td align='right'>Email: </td><td><input name='email' /></td></tr>
<tr><td align='right'>Position to Volunteer for: </td><td><input name='xPos' /></td></tr>
<tr><td align='right'></td><td><input type='submit' value='Submit' /></td></tr>
</table>
</form>";
$xBoxed = "";
break;
case "submit":
$yTitle = $_POST[ "xFname" ];
$yLast = $_POST[ "xLname" ];
$yPhone = $_POST[ "xPhone" ];
$yMail = $_POST[ "email" ];
$yPos = $_POST[ "xPos" ];
$yMore = $_POST[ "xMore" ];
$yTime = $_POST[ "xTime" ];
$xTitle = "Thank you, $yTitle.";
$xContent = "<center><p>Someone will be in touch with you shortly regarding your position</p>
<p>Redirecting <a href='http://ucd1.ipower.com'>back</a> to the volunteer page in 5 seconds</p></center>
<meta http-equiv='Refresh' content='5;url=http://ucd1.ipower.com/index.php?action=volunteer'>";
$xBoxed = "";

$to = "[email protected],[email protected],[email protected]";
$subject = "HTML / UCD email";
$message = "
<html><head>
<title>HTML email</title>
</head><body><p>Automated Email - Someone Filled out the Volunteer Form.</p>
<table>
<tr><td style='font-weight: bold;'>FirstName: </td><td>$yTitle</td></tr>
<tr><td style='font-weight: bold;'>LastName: </td><td>$yLast</td></tr>
<tr><td style='font-weight: bold;'>Phone: </td><td>$yPhone</td></tr>
<tr><td style='font-weight: bold;'>Best contact time: </td><td>$yTime</td></tr>
<tr><td style='font-weight: bold;'>eMail: </td><td>$yMail</td></tr>
<tr><td style='font-weight: bold;'>Position: </td><td>$yPos</td></tr>
</table></body></html>";

$headers = "MIME-Version: 1.0" . "rn";
$headers .= "Content-type:text/html;charset=iso-8859-1" . "rn";

mail( $to,$subject,$message,$headers );
break;
case "donate":
$xTitle = "Donate Page";
$xContent = "
<p>If you would like to make a donation of any size, Please send a check to:</p>
<p style='text-align: center;'>Utica Center For Development<br />726 Washington Street<br />Utica, NY 13502</p>
<p style='text-align: center;'>Send via Paypal</p>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' style='text-align: center;'>
<input type='hidden' name='cmd' value='_xclick'>
<input type='hidden' name='business' value='Under Construction'>
<input type='hidden' name='item_name' value='Donation'>
<input type='hidden' name='currency_code' value='USD'>
<input type='hidden' name='amount' value='0.00'>
<input type='image' src='http://www.paypal.com/en_US/i/btn/x-click-but01.gif' name='submit' alt='Make payments with PayPal - it's fast, free and secure!'>
</form>
<p style='text-align: center;'>or set up merchant account<br /><br /><a href='http://www.usaepay.com/'>http://www.usaepay.com/</a></p>";
$xBoxed = "";
break;
case "about":
$xTitle = "Ver About - Test";
$xContent = "<p style='text-align: center;'>Utica Center For Development<br />726 Washington Street<br />Utica, NY 13502</p>
<table align='center'>
<tr>
<td>Director:</td><td>Vincent Scalise</td></tr>
<tr>
<td></td><td>315-307-7270</td></tr>
<tr>
<td></td><td><a href='[email protected]'>[email protected]</td></tr>
<tr>
<td>Site Info:</td><td>Chris Rosado</td></tr>
<tr>
<td></td><td>315-542-3370</td></tr>
<tr>
<td></td><td><a href='mailto:[email protected]'>[email protected]</td></tr>
</table>";
$xBoxed = "";
break;
case "photo":
$xTitle = "";
$xContent = "<img src='images/Patriotic_by_emmuhlee09.jpg' style='margin-left: -10px;' />
<img src='images/Patriotic_by_emmuhlee09.jpg' style='margin-left: -10px;' />";
break;
}
?>
<body>
<div id="wrapper">
<div id="header">
<h1>Utica Center for Development</h1>
<p></p>
</div>
<!-- /header -->
<div id="menu">
<h2>Main Menu</h2>
<ul style="margin-left: 30px;">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="?action=services">Services</a></li>
<li><a href="?action=organization">Photo Page</a></li>
<li><a href="?action=volunteer">Volunteer</a></li>
<li><a href="?action=donate">Donate</a></li>
<li><a href="?action=about">About</a></li>
<li><a href="mailto:[email protected],[email protected],[email protected]?subject=UCD Site">Contact</a></li>
</ul>
</div>
<!-- /menu -->
<div id="page">
<div id="content">
<h1 class="title" style="text-align: center;"><span><?php echo $xTitle ?></span></h1>
<?php echo $xContent ?>
<?php echo $xBoxed ?>
</div>
<!-- /content -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- /page -->
<div id="footer">
<p id="legal">2008 Utica Center for Development Inc.</p>
<!---a href="http://www.easycounter.com/" style="margin-left: 30px;"><img src="http://www.easycounter.com/counter.php?wishkah353" border="0" alt="Web Counters"></a--->
</div>
<!-- /footer -->
</div>
<!-- /wrapper -->
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@CharlesFeb 20.2009 — Use:&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
Get rid of the empty P element and then [url=http://validator.w3.org/]Validate[/url]. You've a couple of errors on that page.
×

Success!

Help @wishkah353 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...