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 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"> </div> <div class="greyborder"> </div> <div class="greyborder"> </div> <div class="orangeborder"> </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 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 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:\

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 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 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 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:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: How to fix this heights in IE ? (Page 1 of 1)

Insert Slimies »

Insert UBB Code »