[CSS] Adding Content Box Under Navigation

Status
Not open for further replies.

IntactDev

Member
Nov 22, 2012
399
71
When I try to add content, it goes behind the navigation. How can I make it appear under the navi? Here is a look:
 

Markshall

Русский Стандарт
Contributor
Dec 18, 2010
2,638
2,393
Just view source, it isn't that hard.

Don't ask for help and not provide your code properly then say to someone "it isn't that hard", if that's your way of thinking then fix it yourself if "it isn't that hard".

Anyway, the only thing I can suggest is to add:

Code:
position: relative;
top: 150px /*change the value of this to suit yourself*/

To .content
 

Stallone

[◣_◢]
Feb 4, 2012
419
128
Don't ask for help and not provide your code properly then say to someone "it isn't that hard", if that's your way of thinking then fix it yourself if "it isn't that hard".

Anyway, the only thing I can suggest is to add:

Code:
position: relative;
top: 150px /*change the value of this to suit yourself*/

To .content

Or you could just do a whole load of:
Code:
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

But, whatever suits your fancy.
 

Markshall

Русский Стандарт
Contributor
Dec 18, 2010
2,638
2,393
Or you could just do a whole load of:
Code:
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

But, whatever suits your fancy.

That's insanely unprofessional and makes your code look ugly as fuck.
 

IntactDev

Member
Nov 22, 2012
399
71
I apologize about my post above ^

Also, how would it full width like the navigation? I tried the same method I used on the navigation, but it didn't work.

Code:
.content {
    position: relative;
    top: 136px;
    left: 0;
    right: 0;
    height: auto;
    background: red;
    padding: 0;
    margin: 0;
    display: block;
}
 

Markshall

Русский Стандарт
Contributor
Dec 18, 2010
2,638
2,393
I apologize about my post above ^

Also, how would it full width like the navigation? I tried the same method I used on the navigation, but it didn't work.

Code:
.content {
    position: relative;
    top: 136px;
    left: 0;
    right: 0;
    height: auto;
    background: red;
    padding: 0;
    margin: 0;
    display: block;
}

It should already be full width since it's not wrapped in a <div> that limits the width of child-elements.
 
Status
Not open for further replies.

Users who are viewing this thread

Top