Topic: How to fix this heights in IE ? |
|
|---|---|
| Author | Thread |
|
Nervous Wreck (II) Inmate From: Cyberajaya, Kuala Lumpur, Malaysia |
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>
|
|
Nervous Wreck (II) Inmate From: Cyberajaya, Kuala Lumpur, Malaysia |
posted 05-14-2006 21:51
Nevermind. I figure it out. I replace height with line-height. |
|
Maniac (V) Inmate From: there...no..there..... |
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. |
- Copyright ©1994-2025 by Doctor Thaddeus Ozone, all rights reserved. -
- Grail copyright ©2000-2025 by Tyberius Prime, all rights reserved. -
Debug: This page needed 0.00108504 seconds to process.
