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; } 

http://jsfiddle.net/myvegancookbook/jp899/

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

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -