Announcement Announcement Module
Collapse
No announcement yet.
CSS..Ryan please help! Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS..Ryan please help!

    I have this site I'm building using all css and I'm having a problem with postioning. The site looks fine in every browser on every platform... except IE5+ for windows.
    I'm aware of the problem with specifying widths in conjunction with padding and borders in IE, but I don't have any of that.

    That said - Is there a way to place two divs side by side within a containing shape? I've tried floating the left div and positioning the right div using a margin-left setting.. and it works great, except for in IE. When I try to postion the two divs using top & left relative positions, the right div positions itself under the left div. The horizontal positions stay correct, but the vertical position of the right div falls at the bottom of the left div.

    Any ideas?
    Does that makes sense?
    http://www.casedsgn.com || http://www.targetscope.com

  • #2
    holy crap casey has a question.... mark this down in the GDF record books

    www.hirethisdesigner.com - portfolio
    www.conceptprint.com - the company I work for

    Comment


    • #3
      Hi there case. I found a link for some hacks for IE five to hide the horizontal positioning www.phespirit.info/cafe/css_hacks.htm maybe that can help. Maybe?


      Graphic Design Heroes! Call me Captain Type Caster. I’ve fought off “The Evil Cosmic Sans” for year but it seems “Dr. Extreme Untalent” keeps bringing him back. I must find a way to defeat this evil creature.

      Capt. Creative bring me those comps…

      Comment


      • #4
        Thanks guys... I just now figured it out, it was driving me crazy!!

        For future reference, if anyone's building a css page that has a centered containing shape and you need to divide it up in columns... just use float:left; for every div tag within the containing shape. They all line up nice and pretty side by side.

        I'm so happy I could shit!
        http://www.casedsgn.com || http://www.targetscope.com

        Comment


        • #5
          LMAO!!! I've never heard someone say I'm so happy I could shit. LOL! Your crazy man!


          Graphic Design Heroes! Call me Captain Type Caster. I’ve fought off “The Evil Cosmic Sans” for year but it seems “Dr. Extreme Untalent” keeps bringing him back. I must find a way to defeat this evil creature.

          Capt. Creative bring me those comps…

          Comment


          • #6
            LOL! Sorry man but I was skimming this thread and that 'I'm so happy' thing just cracked me the phuk up! LOL

            Boobie Island or Bust!
            I blog, you blog, we all blog!

            Comment


            • #7
              There's just something funny about poop... it always makes me smile.
              http://www.casedsgn.com || http://www.targetscope.com

              Comment


              • #8
                and with that new baby I bet you have seen LOTS poop! Right Case? LOL

                Boobie Island or Bust!
                I blog, you blog, we all blog!

                Comment


                • #9
                  TONS!
                  http://www.casedsgn.com || http://www.targetscope.com

                  Comment


                  • #10
                    Well, looks like I missed everything. Oh well, glad you figured it out.

                    Another good method is to set the centered div to position: relative; and then absolutely position the elements inside.

                    ProudPenguin
                    P r o d u c t i o n s


                    Comment


                    • #11
                      ahhhhhhhhh, poop. my favourite palindrome.

                      :: Durable and doable in a swimsuit, yet not designed for surfing, cliff diving, extreme groping and other high-impact activities. ::

                      Comment


                      • #12
                        For some reason, when I try to position nested divs using absolute, they don't move with the main container div. Are you sure you can set it up like that Ryan?
                        http://www.casedsgn.com || http://www.targetscope.com

                        Comment


                        • #13
                          I'm late to the party too. Another great resource for positioning issues and ie bugs/hacks is www.positioniseveryting.net

                          I am Almost Cool
                          I am Almost Cool.

                          Comment


                          • #14
                            Flash that link doesn't work man.


                            Graphic Design Heroes! Call me Captain Type Caster. I’ve fought off “The Evil Cosmic Sans” for year but it seems “Dr. Extreme Untalent” keeps bringing him back. I must find a way to defeat this evil creature.

                            Capt. Creative bring me those comps…

                            Comment


                            • #15
                              http://www.positioniseverything.net

                              :: Durable and doable in a swimsuit, yet not designed for surfing, cliff diving, extreme groping and other high-impact activities. ::

                              Comment

                               
                              home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
                              Working...
                              X