Navbar Horizontal list problems, not centering or taking up full width -


i've been frustrated problem days on end , cannot solve it. css/html skills elementary, appreciated.

(to start let me mention using weebly editor , using html/css editor customize.)

so have horizontal list inside wrapper. problem cannot take entire width of #navwrap ul { or #navwrap parent/s. can't list center inside parent.

i have put borders around elements see going on. (hopefully can attach pic). of css leftover trying many different things fix this, if may unnecessary.

html:

    <div id="header-wrap">         <table id="header">             <tr id="header-row">                 <td id="logowrap"><img  id="logo" src="img.svg"></td>                                            <td id="navwrap">{menu}                     </td>                         etc... css:      #navwrap {     height: 50px;     border: 1px solid red;     background-color: none; }  #navwrap ul {     width:100%;     border:1px solid orange;  }   #navwrap li {     height:40px;     float:auto;     display:inline-table;     border:1px solid green;  }  #navwrap {     vertical-align: text-bottom;     height:50px;     border: 1px solid blue;     color:white;  } 

enter image description here

solved: managed fix display: table (wrapper) display:table-row (ul) display:table-cell solution.


Comments

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

c# - Get rid of xmlns attribute when adding node to existing xml -