View Full Version : CSS Content Box Positioning Help Please

05-03-2006, 10:56 PM

I'm currently working on a website for a client of mine. This is the first time I'm using CSS for positioning, and came across some issues with positioning 3 content boxes(as you'll see in blue below). I have the Container, Header, Nav & footer worked out, I just can't seem to get these boxes aligned right. Basically every time I try something new in coding it, they are scattered about.

Here is the basic layout of this site...


I've been playing around w/ the CSS code (and believe me I have a ways to go - still learning) but it would be really helpful and educational for me if someone could please post the proper code that would align these boxes appropriately, or give me some guidance as to what I need to do. I'd post the code I have in there now - but I am at work, not at my home office. I am hoping for a quick response so I can resolve this issue and move on tonite....it's really holding me back! I've done tons of research and still can't seem to get this right!

I keep going back and forth between the table-based layout I did for the site, and the all CSS layout. Ultimately I'd prefer to go the CSS route, but if there's no solution, for the way I would like this laid out, I'll need to default back to the table-based layout (ick).

Thank you in advance for your help!

05-03-2006, 11:11 PM
So you are coding for a client yet you can't code the design yourself? I say stick to what you know, learn and get good at CSS then try to implement it. You can't always depend on someone else to do your work for you. This site should help. http://css.maxdesign.com.au/floatutorial/

05-04-2006, 01:24 AM
Gee, thanks so much for the help, been on numerous websites, and forums(including the one you linked me to) for help, and I've done a lot of reading on just about every CSS page you can find. I find your response very web-design snobby and I don't think there is any need for that. Guess there will always be a few of you around anyways so blah to that!

My client is very well aware of what I'm doing, and knows that his project is part of a learning process. He has no issues with that - and just so you know, he's a well established musician - not that it matters...

I learn better by example, I'm not a coder, I admit it, I'm much better at the design. Not everyone can be as good of a coder as you I guess. I just want to be able to grasp these concepts and apply them. The positioning has been a little tough for me, and I'm just trying to figure out what the code is that I need to make it work right...I'm in a learning process here. I think that was really rude what you have said. I don't expect ANYONE to do my work for me. I WORK MY *** OFF, and I'm trying to become more advanced with CSS. A little guidance was all I was asking for, as I thought that that is what these forums are for. I have been a part of the "online" community now for quite sometime and contribute to many other forums of people who need help. Insulting other people because they need some help with something - well I would NEVER do that to someone...make them feel bad. EVEN CODERS who have really crappy design concepts (and most do - your site is a perfect example of that)and don't fully understand THAT creative side of things I have helped out with some simple design tips...so whatever I've gotten help on other boards from people who do care about helping others in this community.


05-04-2006, 02:10 AM
i think what aerospace means is that if you are being paid to do a project, maybe you should go about it a different way.

Asking for a little help on a particular bit of code is one thing, but asking for help to position the entire site is something different.

05-04-2006, 02:25 AM
I wasn't looking for help to code the entire site...I have been doing web design for about 8 years. I was just having problems w/ the float and position properties on 3 content boxes...I had the top half right...trying to learn the concepts here...learn by example, that's how some learn - designers DO think very differently than coders. Anyways, someone was very kind enough to not only help me out w/ this issue on another forum site, but they also explained to me why it worked. At least now I know where not to go for help in the future.

05-04-2006, 02:45 AM
i think thats a little harsh and uncalled for.

I was only mentioning something...

If you have been doing web development for 8 years, i find it interesting that you have yet to come accross positioning in CSS! but hey, who am i to judge.

What ever forum you use is entirely up to you, but i have had an enormous amount of help from other members of this forum.

You mentioned that designers think differently to coders, maybe they think differently to people that sit in 3 tonnes of hex and machine code with the bottoms of a couple of milk bottles for glasses, but i find it hard to believe that 'Web Designers' think very differently, to 'Web Coders' please enlighten me to the difference?! My understanding is that a 'Web Developer' needs to be able to code and design a website?! just a hunch but i may be wrong!

anyway, all im saying is that before you slag off this forum, think about the way you went about asking for help....


05-04-2006, 03:13 AM
I've been playing around w/ the CSS code (and believe me I have a ways to go - still learning) but it would be really helpful and educational for me if someone could please post the proper code that would align these boxes appropriately
That right there is us doing your work for you. I gave you a push in the right direction. Floats is all you need. Float the two right boxes to the right, clear:right on the 2nd one. You can float the left one or just give it a right margin greater than or equal to the width of the right boxes. To do this correctly the right boxes both need to come before the left box.