49 users online (0 members and 49 guests)  

> > > > Layout alignment problem

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

Related

  1. alignment problem    Forum: HTML Forum
    Replies: 10
  2. Need help with Alignment problem for two column layout    Forum: CSS Forum
    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. 02-26-2009, 10:34 AM #1
    MFX
    MFX is offline
    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!
    Reply With Quote Reply With Quote
  2. 02-26-2009, 02:51 PM #2
    HTML
    HTML is offline
    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
    Reply With Quote Reply With Quote
  3. 02-26-2009, 02:52 PM #3
    MFX
    MFX is offline
    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?
    Reply With Quote Reply With Quote
  4. 02-26-2009, 03:08 PM #4
    HTML
    HTML is offline
    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
    Reply With Quote Reply With Quote
  5. 02-26-2009, 03:16 PM #5
    MFX
    MFX is offline
    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.
    Reply With Quote Reply With Quote
  6. 02-26-2009, 03:27 PM #6
    jthayne
    jthayne is offline
    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.
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  7. 02-26-2009, 03:34 PM #7
    MFX
    MFX is offline
    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.
    Reply With Quote Reply With Quote
  8. 02-26-2009, 03:39 PM #8
    jthayne
    jthayne is offline
    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>
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  9. 02-26-2009, 03:44 PM #9
    MFX
    MFX is offline
    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.
    Reply With Quote Reply With Quote
  10. 02-26-2009, 03:57 PM #10
    jthayne
    jthayne is offline
    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.
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  11. 02-26-2009, 04:04 PM #11
    MFX
    MFX is offline
    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.
    Reply With Quote Reply With Quote
  12. 02-26-2009, 04:51 PM #12
    jthayne
    jthayne is offline
    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.
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  13. 02-26-2009, 04:53 PM #13
    MFX
    MFX is offline
    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.
    Reply With Quote Reply With Quote
  14. 02-26-2009, 05:13 PM #14
    jthayne
    jthayne is offline
    jthayne's Avatar
    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Layout alignment problem

    pm sent
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  15. 02-26-2009, 06:01 PM #15
    MFX
    MFX is offline
    MFX's Avatar
    New User
    Status
    Offline
    Join Date
    Feb 2009
    Posts
    9

    Re: Layout alignment problem

    Anyone else know of any solutions?


    Reply With Quote Reply With Quote
Page 1 of 2 1 2 Last
« Previous Thread | Next Thread »

Tags for this Thread