PDA

View Full Version : Dynamic Ajax Content



joemart1951
01-20-2008, 04:27 AM
1) Script Title: Dynamic Ajax Content

2) Script URL (on DD):http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

3) Describe problem: Looks great on Safari on a mac and windows...great on firefox on everything....
IE...any flavor...the text is centered???? On all the other browsers it is left justified.

Any Ideas out there???

Here is a test site: http://learnsignlanguage.info

I live on Yahoo Im as joemart1951 if anyone wants to help me out.

jscheuer1
01-20-2008, 11:02 AM
In your style section:


#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-align:left;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

But that's really just a quick fix. If you were to move the center tag (red):


<center>
<table width="630" bordercolor="#800000">
<tr>
<td>

<div id="leftcolumn">

<a href="javascript:ajaxpa . . .

to the end of the table:


. . . olumn"><h3><font color="#ffffff">Choose a page to load.</font></h3></div>
<div style="clear: left; margin-bottom: 1em"></div>
</td>
</tr>
</table>
<center>
<font size="-1" color="#000000">(c) Copyright 2007 All Rights Reserved- Learn Sign Language.info</font>
</center>
<script type="text/javas . . .

You could then make the table align center or style it margin:0 auto; - examples:


<table align="center" width="630" bordercolor="#800000">
<tr>
<td>

<div id="leftcolumn">

<a href="javascrip . . .

or:


<table style="margin:0 auto;" width="630" bordercolor="#800000">
<tr>
<td>

<div id="leftcolumn">

<a href="javascript:ajaxp . . .

This would fix the problem, as well as fix the alignment of text in the right column.