Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorherbshirt
    • CommentTimeNov 6th 2007
     permalink
    I'd love to sue microsoft for all the hours I spend just tring to fix css issues with IE!

    Anyway,
    I'm no css expert. Can anyone tell me why this page falls apart in IE6?
    http://www.cruickshanks.com.au/index.php?page=inspect-accommodation

    Originally I wanted the img's to align left and right so the text could wrap and weave around each img nicely. Now i'd be happy if I could just get the images aligned to the left without that crazy body exp[anding over to the right issue I've got.

    AT the moment I'm applying a class to the images .imgpadleft
    {
    margin: 10px;
    border: 2px solid #737235;
    align:left;
    }

    Am I on the right track?
    • CommentAuthorjames.egeli
    • CommentTimeNov 6th 2007 edited
     permalink
    First, IE6 is the devil :) You will want to use float:left or float:right depending on where you want your image to go. Something like:

    .imgpadleft {
    float:left;
    margin:0px 8px 0px 5px;
    border: 2px solid #737235;
    }

    Here are a couple of sites that should give you pretty much anything you need for using floats, and there's lots more where they came from :)

    http://www.tizag.com/cssT/float.php
    http://css.maxdesign.com.au/floatutorial/
    http://www.w3schools.com/css/pr_class_float.asp

    Of course, if you have any other questions you can always post here, there are lots of knowledgeable folks on this site.
  1.  permalink
    {
    margin: 10px;
    border: 2px solid #737235;
    align:left;
    }


    align is not CSS property, as James said use the float property.
Add your comments
    Username Password
  • Format comments as (Help)