I have two CSS problems:
-------------------------
1) Horizontally stretching a DIV
2) Continue with normal flow
My code is:
-----------
I ran this on IE8, Chrome, FF and Maxthon, and got:
(see attached css.png)
Any idea how I could get the desired:
(see attached cssr.png)
Many thanks.
-------------------------
1) Horizontally stretching a DIV
2) Continue with normal flow
My code is:
-----------
HTML:
<html><head><style type="text/css">
div {border:2px solid navy}
body {
background-color: white;
font-family: arial, sans-serif;
text-align: center;
}
#mini-form {
position: relative;
float: left;
width: 70%;
top: 1pc;
left: 1pc;
}
.list {
float: left;
margin: .8pt;
color: rgb(142, 142, 142);
font-size: 12px;
}
.textbox {
font-size: 17px;
height: 1.25em;
margin: 0.2em;
vertical-align: bottom;
width: 100%;
}
.button {
font-size: 15px;
height: 1.85em;
margin: 0.2em;
padding: 2px 12px;
vertical-align: middle;
}
</style></head>
<body>
<div id="mini-form">
<form>
<a href=""><img alt="image" height="50" style="float:left"></a>
<div style="float:left;width:auto">
<div style="width:100%">
<input type="text" value="text" class="textbox">
</div>
<div style="margin-bottom:.6pc;text-align:left;cursor:pointer">
<div class="list" style="cursor:default">Select:</div>
<div class="list"> < </div>
<div class="list">element</div>
<div class="list"> > </div>
</div>
</div>
<div style="float:right">
<input type="submit" value="button" class="button">
</div>
</form>
</div>
<div style="border: 1px solid red">
dfdfdf
</div>
</body></html>
I ran this on IE8, Chrome, FF and Maxthon, and got:
(see attached css.png)
Any idea how I could get the desired:
(see attached cssr.png)
Many thanks.