css - How to float 2 columns in my footer -


I can not understand this for my life ...

How can I get 2 columns To float me in my footer:

  & lt; Footer & gt; & Lt; Div id = "footerwrap" & gt; & Lt; Div id = "footer" & gt; Left colonel & lt; / Div & gt; & Lt; Div id = "footerRight" & gt; Right Colonel & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Footer & gt;   

and my CSS:

  footer {background: url ("../ images / 50x50white-bg.png") repeat scrolls 0 transparent; Clean both; } #footerwrap {margin: 0 auto; Padding: 20px; Width: 960px; } #footerLeft {border-right: 1px solid # 000000; Width: 349 pixels; Swim left; } #footerRight {border-right: 1px solid # 000000; Width: 60 9px; Swim left; }   

You may be experiencing a problem because #footerLeft < / Code> and #footerRight are wrapped up very wide, 960px is wrapped, with 20px padding in both sides, leaving only 9 20px. The width of your two footer elements is increasing to 960. You need to remove the horizontal padding at #footerwrap or reduce the width of each of your footer elements up to 20.

  / * then just: * / #footerRight, #footerLeft {float: left; } / * And possibly a simple cleanfix: * / #footerwrap {overflow: hidden; }    

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -