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
          IE layout overflow.png
          2 kB
        2. IE without layout overflow.png
          IE without layout overflow.png
          2 kB

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

              Created:
              Updated:
              Resolved: