Topic: How to fix this heights in IE ? (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=27930" title="Pages that link to Topic: How to fix this heights in IE ? (Page 1 of 1)" rel="nofollow" >Topic: How to fix this heights in IE ? <span class="small">(Page 1 of 1)</span>\

 
sunsuron
Nervous Wreck (II) Inmate

From: Cyberajaya, Kuala Lumpur, Malaysia
Insane since: Jul 2002

posted posted 05-14-2006 21:32
code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sunsuron's Garage</title>
<style type="text/css">
body {
	padding:0px;
	margin:0px;
}
.container {
	background-color:#26354A;
}
.logo {
	font:24px Times New Roman, Times, serif;
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	padding:15px;
}
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
}
.orangeborder {
	background-color:#FF6600;
	height:4px;
}
.greyborder {
	background-color:#D3DCE6;
	height:1px;
}
</style>
</head>
<body>
<div class="container">
  <div class="logo">Sunsuron's Bookstore<span class="tagline"><br />
    Buy Used Books</span></div>
  <div class="orangeborder">&nbsp;</div>
  <div class="greyborder">&nbsp;</div>
  <div class="greyborder">&nbsp;</div>
  <div class="orangeborder">&nbsp;</div>
</div>
</body>
</html>



That is my source code. When preview in IE, the orange & grey are too large. How do I fix this for IE ?

sunsuron
Nervous Wreck (II) Inmate

From: Cyberajaya, Kuala Lumpur, Malaysia
Insane since: Jul 2002

posted posted 05-14-2006 21:51

Nevermind. I figure it out. I replace height with line-height.

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 05-15-2006 04:28

just FYI, the orange and grey borders are a lot bigger in IE than in Opera or FF. It might even be better to just use a repeating image for the blue, orange and grey and then have the logo placed in there either with text like you have or just another image.

Later,

C:\



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu