|
Posted by tommccourt on 04/25/06 12:57
Hi People,
Weird problem I can't figure out. I have inline lists that work well in
IE - but in FF there are small spaces between the elements, and the
width is not applied (the li).
Can anyone shed any light on this?
Thanks!
Code:
<?xml version="1.0" encoding="utf-8" ?>
<!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" lang="en">
<head>
<title>Title</title>
<style type="text/css">
fieldset {
background: #def;
text-align: right;
border: 0;
padding: 0;
margin: 0;
}
dl {
margin: 0;
padding: 0;
display: inline;
}
dt {
margin: 0;
padding: 0;
background: #fed;
display: inline;
height: 40px;
}
dd {
margin: 0;
padding: 0;
background: #abc;
display: inline;
height: 40px;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
li {
margin: 0;
padding: 0;
background: #cba;
width: 150px;
display: inline;
border: solid 1px #000;
}
</style>
</head>
<body>
<fieldset>
<dl>
<dt>term</dt>
<dd>definition</dd>
<dd class="submit">submit</dd>
</dl>
<input type="button" class="submit" />
</fieldset>
<fieldset>
<ul>
<li>label</li>
<li>input</li>
<li>button</li>
</ul>
<input type="button" class="submit" />
</fieldset>
</body>
</html>
Navigation:
[Reply to this message]
|