I am using Paul O’s 3-Column Max-Min Layout and it am very happy with it so far, but have a tricky request…
How can I center a fixed-width article inside the Max-Min Middle Column?
For those unfamiliar with his code…
<body>
<div id="wrapper" class="clearfix">
<div id="inner">
<div id="header"></div>
<div id="left"></div>
<div id="middle">
<div id="content">
<h2>MAIN CONTENT</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ipsum felis, eleifend ut congue mattis,
iaculis ac quam. Nam luctus scelerisque felis, ac
adipiscing metus facilisis in.
I can set the width of #contents so my Article is a fixed-width…
#content{
width: 50%; /* NEW */
margin-right: 300px; /* Keep text to left of Right Column. */
}
but the #contents stay left aligned.
And if I do this…
#content{
width: 50%; /* NEW */
margin: 0 auto;
}
it centers the #contents inside #middle, but since #middle extends past the viewport, that isn’t a good strategy either.
I want my article a fixed-width, but it should still fit inside the “Min” parameter so everyone can see it, including people with higher resolutions and smaller monitors.
Hope that makes sense?!
Debbie
P.S. Please see the screen-shots to get a sense of what I have and want!!
It’s probably time for you to go ahead get a domain and a hosting service so you can get your files online. That will be the best way for you to get efficient help. Though it may be a while before you actually launch your site a domain of your own will get you where you want to be much quicker.
As it is right now your having to upload screenshots and wait for approval when you could just link directly to images if they were on your own server.
The main reason no one is replying is because you do not have the complete code posted. Though we do understand what you are saying about adding margin:0 auto; to the 50% width we are also unable to reproduce your page to offer a solution.
No one is keeping a copy of your files like you are so we have to rely on you to post the complete code anytime you need help with something. Then we have to set it up on or local files to see what is going on.
This will go on and on until people get exhausted of this routine. That is why I say a live site (even if it’s just for testing at this stage) will make things much easier on you and everyone else and get you closer to where you want to be much quicker. By doing that we can use firebug to make live edits and you will not have to post your complete code each time you need help with something.
To clear the air: I wasn’t trying to be rude or imply that no one is interested in helping out. If you step in our shoes for a moment I think you will understand what we go through. We begin to sound like broken records when we are constantly saying “please post your complete code or provide a link to your page”.
At the same time you will become exhausted by posting your complete code with each snag you run into.
Do you know of any free places (e.g. former GeoCities) to do this? Maybe AngelFire?
I would strongly suggest that you avoid any free hosting service. Those get ignored by us because of all the ads that get injected into the code. They are full of iframes etc. that create all sorts of havoc on your page.
Here is what I would suggest. If you are not ready to pick out your domain name then you can go ahead and set up a hosting account.
You can use a shared hosting account and you will get an IP address. That will serve the purpose for now, it just won’t have a domain name associated with it yet. That way you can take your time in picking out your domain name.
