Help with positioning? Build a resume section


#1

div {
    border 1px solid black;
    
}

#email {
    float: right;
}

#name {
    float: left;
}

#header {
    z-index: 1;
    position: fixed;
    clear: both;
    width: 95%;
    height: 40px;
    border: 1px solid blue;
    padding: 10px;
}

.left {
    float: left;
    width: 10%;
    height: 300px;
    background-color: blue;
    color: white;
    margin-top:10px;
    padding-left: 10px;
}

.right {
    float: right;
    width: 80%;
    height: 300px;
    color: white;
    background-color: red;
    margin-top:10px;
    padding-left: 10px;
}

#footer { 
    clear: both;
}.

I'm a total newb but I am eager to learn; And I can't figure out how to position the

s correctly.

#2

i would give your .left and .right a margin-top of 40px to get it below the header (you might need a little compensating for the borders)

i would personally add:

div { box-sizing: border-box }

this makes border (and padding) part of width and height of a element. What exactly is your question?


#3

Before I answer your question I have a few questions myself, is this a lesson in code academy if it is can you give a link?


#4

yea, this is a codecademy exercise. this one or 7. maybe, not sure.


#6

Whoops sorry guys the HTML actually did the page
well if your stuck on the CSS then you can look at the screenshots but if you need help on HTML just ask
Sorry