|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
July 16th, 2004, 01:26 PM
|
|||
|
|||
|
100% height of image within cell
Hi,
Does anyone have any ideas or fixes to get an image to be 100% height of a table cell in IE. (XHTML Transitional) Here is an example http://www.degs.co.uk/test/css/height.htm Works fine in Mozilla/Firefox & Opera Code:
html {
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
height: 96%;
}
table {
padding: 0px;
height: 100%;
width: 700px;
border: 1px solid #000000;
}
.vdivider {
width: 5px;
height: 100%;
}
Cheers, Degs
|
|
#2
July 16th, 2004, 03:47 PM
|
||||
|
||||
|
I think this is a matter of interpretation. IE seems to be sizing the cell to a minimum, since no cell height is given for this cell. Moz seems to be giving the cell all but the 50px of the next row. Give the image holding cell some dimensions and see what happens.
Tables have some underlying rules that make style rules problematic and were responsible for some really ugly layout hacks. Thank gawd we can now leave tables to data display only cheers, gary.
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. My html and css workshop, demos and tutorials. Ask a better question, get a better answer.
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > 100% height of image within cell |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
