General Community > HTML/CSS

CSS alignment issue

(1/1)

Texan78:
Hello,

I have redone my contact page to flow a little better with my site. Anyways, I did it on my MacBook Pro 15" running Snow Leopard. Everything looked great. Got on my PC running XP with Dual 24" LED HD Monitors and the page wasn't aligned correctly, it was way off. I was viewing this on Firefox on both machines. So I fix it on my PC but then when I look on my Mac it is not aligned properly. I am little puzzled as to why this is happening. Any suggestions?

Contact2.php


--- Code: ---<span class="upperframe"><span></span></span>
        <div class="roundframe centertext">
<div class="centertext">',$txt['smfcontactpage_info'],'</div>
</div>
<span class="lowerframe"><span></span></span>


<span class="upperframe"><span></span></span>
        <div class="roundframe centertext">
<form method="post" action="', $scripturl, '?action=contact;sa=save">
                                <dl class="contact_form" >
<dt><strong>',$txt['smfcontact_name'],'</strong></dt>
<dd><input type="text" name="from" size="64" /></dd>
<dt><strong>',$txt['smfcontact_emailaddress'],':</strong></dt>
<dd><input type="text" name="email" size="64" /></dd>
                                        <dt><strong>',$txt['smfcontact_subject'],':</strong></dt>
<dd><input type="text" name="subject" size="64" /></dd>
<dt><strong>',$txt['smfcontact_body'],':</strong></dt>
<dd><textarea rows="6" name="message" cols="62"></textarea></dd>
</dl>';
// Is visual verification enabled?
if ($context['require_verification'])
{



echo ' ', !empty($context['post_error']['need_qr_verification']) ? ' style="color: red;"' : '', '>
<b>', $txt['verification'], ':</b>
', template_control_verification($context['visual_verification_id'], 'all'), '';
}


echo '<p style="padding-top:20px"><input type="submit" value="',$txt['smfcontact_sendemail'],'" name="submit" /></p>
</form>
</div>
--- End code ---

CSS


--- Code: ---/* Additional profile fields */
dl.contact_form
{
margin-left: 520px;
clear: right;
        width: 550px;
}

dl.contact_form dt
{
font-weight: normal;
        text-align: right;
float: left;
clear: both;
width: 100px;
margin: 0.5em 1em 0 0;
}

dl.contact_form dt strong
{
font-weight: bold;
}

dl.contact_form dt span
{
display: block;
}

dl.contact_form dd
{
float: left;
width: 25%;
margin: 0.5em 0 0 0;
}
--- End code ---

Screenshot from PC



Screenshot from Mac




Any ideas or suggestions?

-Thanks!

Texan78:
Do I need to supply more information?

-Thanks

Navigation

[0] Message Index