By its very nature, it scales width-wise, and the content flows to an appropriate height based on.
The problem here is three-fold: HTML layout traditionally was not designed to specify vertical behavior. I have tested this issue in Firefox 42.0, 43.0.1 and 44.0.2 and in Chrome. A FAQ on various IRC channels I help out on is How do I vertically center my stuff inside this area This question is often followed by Im using vertical-align:middle but its not working. In Chrome both the images and containing table will adjust their size dynamically as per W3 CSS standards.
#DISPLAY TABLE CELL MARGIN NOT WORKING PLUS#
Based on the results of my attempts to fix this issue, it appears that the table is being rendered at the combined widths of all 4 images, plus any padding, borders and margins between cells and between the table itself and the other elements. I have viewed this page in Chrome where it displays as expected. The above page has a table near the top that overflows a containing div element causing contents to overlap each other. After finding this bug report I can only conclude that this issue is still active.
#DISPLAY TABLE CELL MARGIN NOT WORKING CODE#
I am working on fixing a Firefox specific display bug on and been banging my head against a brick wall trying to find some code that would resolve this issue. I can confirm that this issue is still NOT fixed. Seems like the other browsers are doing something along these lines. Next, you render the table cells whose content size is known or can be calculated and is less than the max-width and set their widths (unless they are already set).įinally, you calculate the width of the table cells whose widths are not known and whose content is larger than the max-width and ensure that they are always less than the max-width.įurthermore, this should cascade upwards and allow you to set the sizes for all of the table cells and rows correctly. At that point, setting the max-width of the image to 100% should use the max-width of the table cell it is in. It should be possible to calculate the max-widths of the table rows and cells based on padding and margin of those (unless any of them specify a max-width). Therefore, our table has a max-width equal to its parent div minus margins and padding. It is inside a div that has a fixed width. I ran into this issue and it looks like I have a decent solution.
0 kommentar(er)
