Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2009
    Posts
    147
    Thanks
    3
    Thanked 22 Times in 22 Posts

    Getting a contact box to float correctly

    Hey guys,

    I am trying to get a contact box to float to the right of a main image. I can get it to do so using "absolute" positioning however when i increase the resolution I want the width of the box to increase too. I am having trouble making it do this. Have a look at my CSS and see if you know what I am doing wrong

    The page -> http://itxtme.com/css/contact.html

    The CSS -> http://itxtme.com/css/default.css

    THe box in question is .boxcontact

    Any help much appreciated

  • #2
    New Coder
    Join Date
    Jun 2009
    Posts
    35
    Thanks
    4
    Thanked 1 Time in 1 Post
    Code:
    .boxcontact {
    background:#FDFCF6 url(images/boxbg.gif) repeat-x;
    border-bottom:1px solid #E1D2BD;
    float:right;
    margin-bottom:1em;
    padding:1.5em;
    width:65%;
    }
    But you also need to change this:

    Code:
    #primarycontent {
    margin:1.5em 22em 0 0;
    width:100%;
    }

  • Users who have thanked GaVrA for this post:

    itxtme (06-21-2009)

  • #3
    Regular Coder
    Join Date
    Jun 2009
    Posts
    147
    Thanks
    3
    Thanked 22 Times in 22 Posts
    Thanks for your help, appreciate you taking the time looking at this code... Success!!

  • #4
    New Coder
    Join Date
    Jun 2009
    Posts
    35
    Thanks
    4
    Thanked 1 Time in 1 Post
    No problem mate!


  •  

    Posting Permissions

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