CSS Wrapper, Container, Outer

How does this work?

#outer {width:94%;
margin:auto%;
max-width:1200;
min-width:600;
margin-right:4%;
margin-left:4%;

}

If a navigation container, or an image placement, or image size falls outside the max-width:1200; what happens?

It seem to mess up everything below it on the page.

It conflicts with the #navcontainer BUT I DON’T KNOW HOW and I can’t fix it.

Everything loses their alignment.

In starting all over again it just gets worse leaving me in despair.

How do I CAST IN CONCRETE a CSS outer definition.

How does this nesting thing work.

HOW DO I LEARN ALL OF THIS???

Guess what? I’ve taught my self programming in Paradox for DOS, object oriented Paradox for Windows and MS Access 2003. I have some pretty heddy programs and queries that I use monthly for clients as it’s the only way they can get their data in a way that makes sense.

This stuff is a walk in the park compared to html and css with their thousands of ways to accomplish the same thing!

Rick . . .

Rick, I bet you didn’t dive into those other programming languages without studying them first. :slight_smile: As I’ve said before, you have to sit down and put aside some time to learn this stuff systematically. It won’t take long, as it’s a lot easier than programing. (But you won’t listen to that, I know, so you suffer. O well.)

I’m not exactly sure what you’re asking, but for starters, you have errors in your CSS:

margin:auto%;

That should be just margin: auto. But since you’ve added extra margin rules below, this is redundant anyway. (You can easily find out about things like this by looking up a referecne like the SitePoint CSS Reference.)

max-width:1200;
min-width:600;

1200 what? 600 what? You must set values on those widths, like 1200px or 600px.

Let me see :slight_smile:

94% + 4% + 4 % = 102%

How can that ever fit correctly as 100% is as big as you can go.

You just need margin:0 auto to center anyway and forget the 4% left and right (unless you don’t have a doctype and then you will be in quirks mode and in quirks mode all versions of IE don’t understand auto margins - so make sure you have a current doctype).

As Ralph said make sure you have units on your dimensions or they will be treated as zero in strict doctypes.

If a navigation container, or an image placement, or image size falls outside the max-width:1200; what happens?

It will poke out the side and overflow. What else would you expect to happen if something is bigger on the inside? You could hide the overflow but it would seem like you have a design error if elements are sticking out.

The min and max width will ensure the page wrapper is always within those limits but if any of its children are bigger than that then they will overflow and behave as per the overflow property. Adding overflow:hidden would clip the content but is not always the best approach in a fluid layout.

It seem to mess up everything below it on the page.
It conflicts with the #navcontainer BUT I DON’T KNOW HOW and I can’t fix it.

We’d need to see the code to help with this. Do you have a link or perhaps post your full css and html.

Off Topic:

Well, these days people often talk about “giving 110%” etc., so perhaps we’ve lost our grasp on maths completely. (: