html5 - Gaps on top of Div when placing lists in them -
i'm having weird issue when place list in div, causes huge gap @ top of div. causing , how can fix it?
body { background-color:aliceblue; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #logosearch { background-color:lightgray; width:1024px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav { background-color:lightblue; width:1024px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
without seeing code impossible tell, suspect have css rule placing top margin or padding on lists. have tried using firebug or site analyzer see css rules being applied?
edit: yes, looks have margin on ul... add css:
ul { margin: 0; }
that's need cancel out margin/padding, don't need 0px each direction have in code.
also, css resets, start @ known baseline don't run issues this...
here's fiddle change made: http://jsfiddle.net/jp899/2/
Comments
Post a Comment