36 users online (0 members and 36 guests)  


Page 1 of 2 1 2 Last
  Results 1 to 15 of 17

Related

  1. alignment problem    Forum: HTML Forum
    Replies: 10
  2. Replies: 5
  3. Strange Problem (layout)    Forum: Myspace Forum
    Replies: 2
  4. CSS alignment problem    Forum: CSS Forum
    Replies: 5
  5. Image alignment problem on flexi page    Forum: HTML Forum
    Replies: 1
  1. #1
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Layout alignment problem

    Hi im new, and ive been working on this layout evannalynchfans.com/layouttest/, the problem I have (is probably a very basic one to you) is that the alignment is to the left, could you tell me what to do to get it to the center, I have a 1600 resolution screen so I have to keep on changing to see it in the 1024 standard, but it always appears to the left. Help please!

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Re: Layout alignment problem

    <img src="main copy.jpg" usemap="#main" alt="" border="0" style="position:absolute; top:0px; left:0px;" />

    This is overriding your div I believe.

    Dave
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting

  3. #3
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    So what do I do? just delete that bit?

  4. #4
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Re: Layout alignment problem

    Looks like a good place to start, though I do admit that positioning with CSS is not a strong point of mine.
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting

  5. #5
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Im afraid all that does is move the banner image out of alignment.

  6. #6
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    Try setting a wrapper div around everything in the page. (start immediately after <body> and end right before </body>). Then set its width, set position: relative, and margin: 0 auto; Let me know if that helps.

  7. #7
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Sorry, I dont mean to be a nuisance but could you tell me exactly the code to write.

  8. #8
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    Code:
    <body>
    <div id="wrapper" style="width:1119px;position:relative;margin: 0 auto;">
    ........
    </div>
    </body>

  9. #9
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Thanks but it still didn't solve the problem.

  10. #10
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    Change the line to <div id="wrapper" style="width:1119px;position:relative;margin: 0 auto;border:1px solid #000;"> to see if the div is actually centering and something else is messing it up, or if it is not centering at all.

  11. #11
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Nope everything just goes all over the place.

  12. #12
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    I had a few minutes to look at it a bit more closely. I think you should be happy with it on the left. There are quite a few changes that will need to be made to the CSS in order to center it starting with the div I gave you. You will need to work from the outside in.

  13. #13
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Is there anyway you would be able to do it for me? pm me if so.

  14. #14
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    pm sent

  15. #15
    MFX's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Anyone else know of any solutions?



Page 1 of 2 1 2 Last

Tags for this Thread