Header/footer problem [Solved]

[aeris1902]

Hello all =3
So I was trying to mix this layout http://velvetb0x.livejournal.com/20555.html with the header/footer of this other one http://velvetb0x.livejournal.com/17655.html but I don't know why the footer isn't wide like the whole screen, I guess there might be some conflict between the two layouts

Comments

[tuff_ghost]

If you're making layouts, open up a DOM inspector so you can check this stuff yourself! Firebug or dev tools, depending on your browser.

Anyway that's not the footer, it's the header; it's at the bottom of the screen because it uses position: fixed

All you need to make it fill the width of the viewport is two more declarations: left: 0; right: 0;.

[aeris1902]

Thanks a lot, that worked perfectly =3
And also thanks for the suggestion though I'm just an amateur trying to customize my own page with premade layouts so I don't know if I would be able to use any of those apps ^^"

[marilla_pm67]

Hello,

I think this should do the trick :
Change
#footer {
position:fixed;
left:0;
text-transform:lowercase;
bottom:0;
width:auto;
z-index:100;
padding-left:25px;
}

To
#footer {
position:fixed;
background-color:#171717;
left:0;
text-transform:lowercase;
bottom:0;
width:100%;
z-index:-10;
padding-left:25px; }

Sam

[aeris1902]

Thanks for the help. I tried this coding too and something was off, I guess because I talked about footer while instead that was a header xD