Hi guys,
Is there way to make form align properly across different browser? IE is always give me problems argg…
I did google for answers. However, i came across website suggest that using table to align is not recommended. They recommend to use css but i can’t achieve what i want(the picture below). Kindly help me please… thanks
Always post your HTML & CSS if you want help.
Hi there shaunysj,
try it like this…
[color=navy]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Untitled Document</title>
<style type="text/css">
body {
font-family:verdana,arial,sans-serif;
font-size:16px;
background-color:#f0f0f0;
}
#form-1 {
width:275px;
padding:10px 20px 0;
background-color:#000;
}
#form-1 label {
float:left;
clear:both;
width:82px;
margin-bottom:10px;
font-size:90%;
color:#fff;
}
#form-1 input {
width:174px;
margin-bottom:10px;
}
</style>
</head>
<body>
<form id="form-1" action="#">
<div>
<label for="lgn">Login:</label>
<input id="lgn" type="text">
<label for="pwd">Password:</label>
<input id="pwd" type="text">
</div>
</form>
</body>
</html>
[/color]
coothead
Hey! thanks a lot! This work flawless even on IE.
No problem, you’re very welcome.
coothead