För att börja med fråga två. Har du inte angivit någon höjd (height) för din ruta så kommer den att expandera nedåt om man fyller på med text. Har du angivit höjd så kommer det att fungera likadant i IE, medan det i t.ex Mozilla kommer att fungera så att texten kommer att expandera, medan eventuell border och bakgrund kommer att ligga kvar på angivna mått. Motsvarande gäller för bredd när det finns ett ord som är bredare än angiven bredd.
När jag vill ha en minihöjd på en ruta brukar jag därför lägga in en transparent gif med bredden 1px, och höjden till önskad höjd, med align="right".
De övriga frågorna vill jag besvara med följande exempel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>CSS</title>
<style type="text/css">
<!--
body {
text-align: center; /* centrering för IE */
}
.yttre {
width: 230px;
margin: 0px auto; /* centrering Mozilla mm */
}
.vanster {
float: left;
width: 100px;
border: 1px solid black;
text-align: left;
padding: 10px; /* text-avstånd från kant */
}
.hoger {
float: right;
width: 100px;
border: 1px solid black;
text-align: left;
}
-->
</style>
</head>
<body>
<div class="yttre">
<div class="vanster">
Kolumn 1 med 10px avstånd från kant
</div>
<div class="hoger">
Kolumn 2 utan avstånd från kant
</div>
</div>
</body>
</html>