ansaurus

Question

Anyway to get this small piece of code to look the same in FF and IE in quirks mode?

Answer 1

+4 A:

at first you should put the li's into an ul (or remove them, but what you're doing is definitely wrong) - maybe that solves you problem.

oezi 2010-09-30 16:41:58

Answer 2

+1 A:

correct doctype, correct markup, that should fix it

revaxarts 2010-09-30 16:44:04

He specified quirks mode. -1

Ryan Kinal 2010-09-30 16:47:53

@revaxarts: What a useful answer.

jimplode 2010-09-30 16:48:09

It is *always* the proper way to go, but does not answer the op's question.

Traingamer 2010-09-30 19:05:19

Answer 3

+3 A:

This will do it

<html>
<head>
<style type="text/css">
li {list-style-type:none;}
label {clear:left;float:left;width:110px;}
input.submit {display:block;margin:20px 0 10px 110px;padding:4px 0;width:140px; }
ul {margin:0px;padding:0px;}
</style>
</head>
<body>
<ul>
<li><label>Full Name:&nbsp;</label><input type="text"></li>
<li><label>E-mail Address:&nbsp;</label><input type="text"></li>
</ul>
<input type="submit" class="submit" value="Click to continue">
</body>
</html>

jimplode 2010-09-30 16:47:08

That looks good to me. Since IE and FF have different defaults (quirks or otherwise), jimplode is specifically equalizing the padding and margin on the ul tag!

Traingamer 2010-09-30 19:03:12

ansaurus

tags:

views:

answers:

Anyway to get this small piece of code to look the same in FF and IE in quirks mode?

related questions