lal :D it worked ! I never say this thing working like that . Well for now as for one page , i just need it so it goes all the time down but when i go on JS or PHP , i hope i can learn about it more. Well for the moment i want to do a search thingy like forms in treehouse , options etc... so see how it gonna go and well i hope to learn things i need in 3 motnhs so i can do a website i want and post is and then upgrade skills . Thank you :) and thats a new way to do things . as doing that trick .

you know what? they should do english courses too , more people would come here : p

the only problem is that when i did it , and looked at footer , etc... it didnt look good

Im not sure what you mean by that " Your footer has a margin on the left, the reason for that is that you have stated a margin for your outer div and your div with the footer id is within that div. "

Im not sure what you mean by that too but im guessing and if im right , im not sure how to fix it .

" In your left bar id you have a padding property but no value entered, I have noticed that in a few other places too."

The thing is that id like to make it go fluid , but im not completely 100% sure how to do it . Like if you look on my leftBar , make a margin inside and the content on the right will move down.

New changes http://codepen.io/anon/pen/xinKf

You have a outerdiv in your css, one of the values you have is margin 0 auto. That margin is going to be applied to everything within that outerdiv until you close the outerdiv. Your outerdiv does not close until the very end of your html. the div you have with the id of footer is therefor within that outerdiv opening and closing so it has the margin of 0 auto applied to it.

There are a few places that look like this:

#leftBar{
    background: white;
    height: 1200px;
    width:348px;
    float:left;
    position:relative;
    border-right: 1px solid grey;
    padding
}

You notice the padding has nothing added as a value, e.g. 10px there are a few other instances of that too.

I understand your eager to get things done, but the better you write your html and css the easier it will be to get the layout you want.

Well, i try to make it clear , and i think i did the user feed quite clear but other stuff, is a bit messed up that i though it will work out fine . Like you see here on left bar , i have width od 348px , but it should be 350px and when i wanted to put a margin or border , i had to move it out to 348px from 350px because i applied border-right 1px soid grey , but it shoudnt move all the thing . Whateer i do , it get a bit messed up now ;/

When you add a border your adding the px to the outside, there are things you do in your css (box-sizing) to make sure the border is added on the inside.

When you added the border it changes the overall width of your content and things will be moved to accommodate that. I really can't stress enough how much easier things are if you first get all the basics right, then as you change things one at a time you can see straight away if something causes a change you didn't expect, and that way you know exactly what works or not.

What would you recomend me to do with that box layout with two collumns or more ? i mean like if i add border it wont move apart int he box or something ?

My honest recommendation Aurelian would be to work on the html first and get things fixed in there first, then slowly rework the css so your seeing exactly what each change does one step at a time.

Its really hard I know, when i started I wanted to go all out and do the css at the same time as the html so i could see things happening as i coded, the thing is its too easy to get lost in the code and end up trying to fix things instead if making things.

Learning is a slow and steady thing, once you get to a stage where you know more you can do a bit of html and css at the same time as you'll know what your doing.

Like I said its hard, there is a lot you can do to the html to improve things, I'm willing to help you out as much as you want me too, but i have to say its more fun coding that trying to fix one thing, then that breaks another, you end up taking the fun out of coding.

If there is no rush then thats my suggestion.

Hope it helps Aurelian.

What do you think if i make a plane on paint what i want to do and then i code it on HTML and then post it here and after that i add step by step css?

ah bdw , in Design Color i think , there was a paragraph mentioned to you :p but since the other guy had the MOD it confused me and i thought im writing with you

I think thats an excellent idea Aurelian.

One thing I just noticed looking over your html again is that you have your css loaded then after that you have normalise loaded. Thats the wrong way round, thats probably caused a lot of the issues you've had.

Your new idea is an excellent way of doing things, and ill help you out as much as possible.

"""

leftBar{

background: grey;
height: 200px;
width:350px;
float:left;

}

""" if i delete height and put it on auto , it desapears . I tried to solve it in many ways before aswell and never found the answer . and oh my browser was on 75% zoom out and everything is too big when its on normal :(

height on 100% doesnt work , it has a width that is pushing to i think that would work . Well i have header on left bar and height on 100% , it doent work .

i dont quite understand it , not sure what you mean and not sure what is that website doing because i dont see html code

heres the code http://codepen.io/anon/pen/pegvi

Yes everything is too big , too much effort to change it on 100% zoom as i have it on 75% :/ probabily my mum hanged the zoom :(

and i use normalize css but if i paste it here , it would load forever.

well , it goes throw the footer covers all and the line , the border is messed up coz it goes all the way down. and it sort o wrong

Do you want to post it to code pen again and post a link for me to take a look?

The thing i want is to make clear , to clear ti so it goes automaticly with the code . Its a one page divided but im not sure where to put clear .

http://codepen.io/anon/pen/DeHfq