SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE8 Float Problems

    In ie8 having problems with to boxes floated next to each other, one is being pushed underneath the other in IE8.

    http://revolveclothing.com/html/b/3...._settings.html


    Code CSS:
    .form_right

    is shifting underneath


    Code CSS:
    .form_left

    for some reason only in ie8. Anyone know how I can fix this.

  2. #2
    SitePoint Member
    Join Date
    Feb 2010
    Location
    Milan, OH
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm new to HTML and CSS, but I really am learning a lot in this forum. I'm amazed at how well browsers do display faulty markup.

    The problem doesn't appear to be a float problem, but there are numerous nesting problems in the markup.

    Adding these three closing tags takes care of the IE8 problem, but you should really validate your code and take care of the table structure errors. http://validator.w3.org

    <td><label for="city">Verify password </label></td>
    <td><input class="form_field" type="text" name="city" id="city" value="(optional)" tabindex="3" /></td>
    </tr>
    </table>
    ----</form>----
    </div>



    <td><label for="zip">Telephone</label></td>
    <td><input class="form_field" type="text" name="zip" id="zip" tabindex="6" /></td>
    </tr>
    <tr>
    <td colspan="4"><input id="save_settings" type="submit" name="Submit" value="" tabindex="8" /></td>
    </tr>
    ----</tr>----
    </table>



    <tr>
    <td><label for="zip">Telephone</label></td>
    <td><input class="form_field" type="text" name="zip" id="zip" tabindex="6" /></td>
    </tr>
    ----</tr>----
    </table>
    Thanks for the opportunity to learn!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •