Hej!
Jeg har endelig besluttet mig for at skrotte tabellerne til opbygning af
design, og har da også fået lavet et "prøve stylesheet", som virker fint i
IE:
body
{
margin: 0;
font-family: Verdana,sans-serif;
font-size: small;
}
#container
{
position: absolute;
width: 640px;
margin: 5px;
/*border: 1px solid gray;*/
/*margin: 10px;
margin-left: auto;
margin-right: auto;*/
/*padding: 10px;*/
}
#content
{
padding: 5px;
margin-left: 185px;
background-color: gray;
}
#menu
{
float: left;
width: 170px;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
HTML'en på siden ser således ud:
<body>
<div id=container>
<div id=menu>
menu
</div>
<div id=content>
content
</div>
</div>
</body>
Det virker som sagt fint i IE, og der vises to kolonner, men når man
reloader siden i Mozilla, vises designet først som det skal, ved næste
visning skrives der bare
menu
content
(i dette tilfælde med Times New Roman som skrifttype.)
Hvad kan problemet være?
--
Mvh. Jesper