Layout alignment problem

**MFX** · 02-26-2009, 10:34 AM

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!

**HTML** · 02-26-2009, 02:51 PM

<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

**MFX** · 02-26-2009, 02:52 PM

So what do I do? just delete that bit?

**HTML** · 02-26-2009, 03:08 PM

Looks like a good place to start, though I do admit that positioning with CSS is not a strong point of mine.

**MFX** · 02-26-2009, 03:16 PM

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

**jthayne** · 02-26-2009, 03:27 PM

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.

**MFX** · 02-26-2009, 03:34 PM

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

**jthayne** · 02-26-2009, 03:39 PM

Code:

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

**MFX** · 02-26-2009, 03:44 PM

Thanks but it still didn't solve the problem.

**jthayne** · 02-26-2009, 03:57 PM

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.

**MFX** · 02-26-2009, 04:04 PM

Nope everything just goes all over the place.

**jthayne** · 02-26-2009, 04:51 PM

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.

**MFX** · 02-26-2009, 04:53 PM

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

**jthayne** · 02-26-2009, 05:13 PM

pm sent

**MFX** · 02-26-2009, 06:01 PM

Anyone else know of any solutions?

Thread: Layout alignment problem

Thread Tools

Related

alignment problem Forum: HTML Forum

Need help with Alignment problem for two column layout Forum: CSS Forum

Strange Problem (layout) Forum: Myspace Forum

CSS alignment problem Forum: CSS Forum

Image alignment problem on flexi page Forum: HTML Forum

Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Re: Layout alignment problem

Tags for this Thread

Cloudjiffy- PaaS for Developers