Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-1169

Vlayout overflow in Tabbox - IE 6,7

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Fix
    • Icon: Normal Normal
    • None
    • 6.0.0
    • Components
    • IE 6, IE 7

      In IE 6 and 7, if there is not enough space, the content that was put in a vlayout overlaps the tabpanel's bottom padding, its borders and the area below. If a vlayout is removed, only bottom padding is overlaped (which, by the way, happens in all major browsers. Looks like if the tabbox was cut). Here is a sample to reproduce this issue:

      <tabbox height="150px" width="200px" style="margin:10px">
      	<tabs>
      		<tab label="Tab 1"></tab>
      	</tabs>
      	<tabpanels hflex="1" vflex="1"
      		style="background-color: yellow;">
      		<tabpanel hflex="1" vflex="1"
      			style="overflow: auto; border-color: red;">
      			<vlayout>
      				<div width="100%" height="1000px"
      					style="background-color: green">
      				</div>
      			</vlayout>
      		</tabpanel>
      	</tabpanels>
      </tabbox>
      

        1. IE layout overflow.png
          2 kB
          yanushkevicheg
        2. IE without layout overflow.png
          2 kB
          yanushkevicheg

            Unassigned Unassigned
            yanushkevicheg yanushkevicheg
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: