html - Extending jQuery vertical tab content area to the full page-width -


i've setup vertical set of tabs outlined here. content area extends halfway across page.

content panel doesn't extend across full width

i've been trying adjust css allow flow far edge of page adding width='100%' attributes various ui css-tags or playing built in width attribute values , extend window starts putting actual content in wrong place.

for example if remove width: 55em .ui-tabs-vertical white container area extend 'hello' text appears in following spot:

hello went on vacation middle right of page

how can adjust css allow content area full page width still start @ nicely padded left side of vertical tab list?

jsfiddle example

if setting width might fix it, try doing 1 :

width: calc(100% - 162px); 

162px assume width of left sidebar.


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -