I'm a diehard Mozilla user, but my darn project looks better under Internet Explorer.
<!-- m --><a class="postlink" href="http://freewebs.com/vintagecloning/">http://freewebs.com/vintagecloning/</a><!-- m -->
body {
font-family: Verdana, Helvetica, sans-serif;
}
#main {
width: 100%;
}
#header {
background-color: rgb(211,220,227);
color: rgb(0,0,0);
height: 100%;
}
#lhead {
float: left;
width: 65%;
text-align: center;
}
#rhead {
float: left;
width: 35%;
text-align: right;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="[email protected]" />
<title>header template</title>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<div id="lhead">
<h1>PHPMyFamily</h1>
<h2>The Genealogy of Joshua J Mallory</h2>
</div>
<div id="rhead">
<p>10 People on file</p>
</div>
</div>
</div>
</body>
</html>
What can I do to make it look the same for Mozilla?IE = LEAST standards-compliant browser. Change your code for Mozilla, etc., then work out the bugs in IE...
Welcome to the pain...uh I write for Mozilla first, all others second.Solved!
Here's what I needed...
#header {
display: table;
width: 100%;
}
<!-- m --><a class="postlink" href="http://freewebs.com/vintagecloning/">http://freewebs.com/vintagecloning/</a><!-- m -->
body {
font-family: Verdana, Helvetica, sans-serif;
}
#main {
width: 100%;
}
#header {
background-color: rgb(211,220,227);
color: rgb(0,0,0);
height: 100%;
}
#lhead {
float: left;
width: 65%;
text-align: center;
}
#rhead {
float: left;
width: 35%;
text-align: right;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="[email protected]" />
<title>header template</title>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<div id="lhead">
<h1>PHPMyFamily</h1>
<h2>The Genealogy of Joshua J Mallory</h2>
</div>
<div id="rhead">
<p>10 People on file</p>
</div>
</div>
</div>
</body>
</html>
What can I do to make it look the same for Mozilla?IE = LEAST standards-compliant browser. Change your code for Mozilla, etc., then work out the bugs in IE...
Welcome to the pain...uh I write for Mozilla first, all others second.Solved!
Here's what I needed...
#header {
display: table;
width: 100%;
}