CSS-höjdproblem med Safari

HTML & CSS

2 svar · 388 visningar · startad av l-boy

Medlem sedan juli 2003221 inlägg
Trådstart#1

http://www.heaven7.se/test.asp

Det där ser bra ut på IE6 och IE7. Med bra menar jag att den turkosa bakgrunden går hela vägen ner till botten.

Men på MAC och med Safari blir det inte alls så. Vad har jag gjort för fel?


html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	color: #353535;
}

#wrap {
	background: #E7E5E5;
	margin: 0 auto;
	padding: 0;
	width: 880px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	min-height: 100%;	
  	height: auto !important;	
  	height: 100%;   
}

#main {	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 860px;	
	height: auto !important;
	background-color: #00ffcc;
}
	
#header {	
	width: 880px;
	border-bottom: 1px solid #000000;
	background-color: #ff2233;
	height: 100px;
}

#topmenu {	
	height: 28px;
	border-bottom: 1px solid #000000;
}

#left_1 {
	width: 496px;
	float: left;
	background-color: #ff0c0c;
}

#right_1 {
	padding-left: 5px;
	padding-right: 5px;
	width: 187px;
	float: left;
	background-color: #dd0aba;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>	
	<link rel=stylesheet href="css/css2.css" type="text/css">
	<title>Test</title>	
</head>

<body>

<div id="wrap">

	<div id="header">
    
    		
	</div>
    
	<div id="topmenu">    
		
		
	</div>
 
	<div id="main">
	
		<div id="left_1">
	
		text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>
		text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>
		
		</div>
		
		<div id="right_1">
	
		text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>text<br><text<br>
		
		</div>
		
	</div>
	
</div>

</body>
</html>
Medlem sedan maj 20031 682 inlägg
#2

testa sätta in denna kod i main.

overflow: hidden;
Medlem sedan juli 2003221 inlägg
#3

Tackar. Gjorde susen.

266 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)