Hej,
jag håller på att göra en enklare meny men resultatet blir inte samma i FF och IE (som vanligt) hur som helst. Menyn ser ut på följande sätt:
<div id="header">
<dl>
<ul>
<li><a href="#">LÄNK #1</a></li>
<li><a href="#">LÄNK #2</a></li>
<li><a href="#">LÄNK #3</a></li>
<li><a href="#">LÄNK #4</a></li>
<li><a href="#">LÄNK #5</a></li>
</ul>
<dd>
<form>
<fieldset>
<input type="text" name="s" />
<input type="submit" value="OK" />
</fieldset>
</form>
</dd>
</dl>
<br style="clear:both" />
</div>
Sedan, för att justera detta använder jag följande stilmall:
form,fieldset {
margin: 0;
}
#header dl {
float: left;
width: 690px;
margin: 0;
padding: 0;
}
#header ul {
float: left;
width: 470px;
margin: 0;
padding: 0;
list-style: none;
}
#header li {
float: left;
margin: 0 1px 0 0;
}
#header li a {
width: 93px;
display: block;
}
#header dd {
float: right;
width: 220px;
margin: 0;
padding: 0;
}
#header dd fieldset {
width: 220px;
border: 0;
margin: 0;
padding: 0;
}
HUr ska jag få allt att hamna på samma rad i IE?