Div's overlapping in IE7

Discussion in 'CSS' started by fluerasa, Dec 14, 2006.

0
  1. #1
    I am having problems with overlapping div's in IE7. #mainContainer doesn't seem to consider 100% height. It only expands to monitor rezolution.

    Everything is fine in IE6, Opera, Firefox. Please have a look at it here: http://www.studioweber.ro/html/test.htm . Thanks in advance for your help. Alex
     
    fluerasa, Dec 14, 2006 IP
  2. Avo19

    Avo19 Well-Known Member

    Messages:
    220
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    130
    #2

    This works for me in both FF & IE7. Comment out the height attribs.
    
#mainContainer {
	position : relative;
	display: table;
	width: 580px;
	/* height: 100%;
	min-height: 100%; */
	top: 0px;
	background-image: url(../assets/bg01.jpg);
	background-repeat: repeat-y;
	padding-left: 40px;
	padding-right: 110px;
}
    Code (markup):
    cheers,
    Steve
     
    Avo19, Dec 15, 2006 IP
  3. fluerasa

    fluerasa Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks Avo, I tried the code above and it works fine, but I also need the #mainContainer to have 100% height even if the text is shorter as in this example: http://www.studioweber.ro/html/test2.htm - in this case I only need a workaround code to have FF considering height: 100% and IE7 to have it ignored. I'm not sure if this is possible... Alex
     
    fluerasa, Dec 15, 2006 IP