On Sat, 13 Mar 2004 03:48:49 +0100,
Knud Gert Ellentoft <ellentoft@mail.tele.invalid>
wrote in <ddt4505o3mrgcrogj3s29nvgju0c07bu83@dtext.news.tele.dk>:
....<snip>...
> men muligvis skyldes forskellen på visningen, at der øverst på
> siden står
><?xml version="1.0" encoding="iso-8859-1"?>
>
> Det gør desværre at IE sættes i quirksmode og ikke i
> standardmode, som den bør.
Kan du henvise til noget, der fortaeller mere om dette?
> Så det første man bør prøve er at fjerne denne linje og i stedet
> bruge metatags til content-type.
>
><meta http-equiv="content-type" content="text/html;
> charset=ISO-8859-1" />
Tak for svaret.
Det hjaelper ikke. Da mit site med dette forsoeg paa layout (af gode
grunde) ikke er online, faar du filerne her:
-----------test.html---------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml-stylesheet href="
http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"?>
<html xmlns="
http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="./style.css" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<div class="topbeam">
<div class="browser">
<a href="./somepage.html">Doesn't this page look like you expected?</a>
</div> <!-- end note -->
</div> <!-- end topbeam -->
<div class="leftmenu">
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="./linkpage.html">Links</a>
</li>
<li>
<a href="./linux_on_ultra1.html">Sun U1</a>
</li>
<li>
<a href="./zaurus/">Zaurus</a>
</li>
</ul>
<div class="stickers">
<a href="
http://validator.w3.org/check?uri=http%3A%2F%2Flocalhost/test/test2.html
&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=&outline=&sp=">
<img style="border:0; width:88px; height:31px" src="
http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" />
</a>
<br />
<a href="
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flocalhost/test/test2.html">
<img style="border:0; width:88px; height:31px"
src="
http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
</div>
</div> <!-- end left menu -->
<div class="content">
<h2>Overskrift</h2>
<p>
Blabla
</p>
</div> <!-- end content -->
</body>
</html>
------------------test2.html-------------------------
------------------style.css-------------------------
body
{
margin-top: 0;
margin-left: 0;
color: rgb(0,0,0);
background-color: transparent;
}
:link img, :visited img
{
background: transparent;
color: #ffffff;
border: 0;
}
:link
{
text-decoration: none;
color: rgb(255,0,0);
background: transparent;
}
:visited
{
text-decoration: none;
color: rgb(155,0,0);
background: transparent;
}
:link:hover, :visited:hover, :link:focus, :visited:focus
{
color: #cc9977;
background: transparent;
}
h2
{
display: table;
margin-right: auto;
color: #000000;
background-color: #ffc869;
font-weight: bold;
border: solid 2px rgb(255,100,100);
padding: 3px 3px 3px 3px;
}
pre
{
font-size: 0.8em;
}
li
{
padding-top: 4px;
padding-bottom: 4px;
}
q
{
font-style: italic;
}
div.topbeam
{
position: fixed;
color: rgb(0,0,0);
background: #ffee9b;
width: 100%;
margin-top: 0;
padding-top: 0;
height: 80px;
border-bottom: medium solid;
}
div.browser
{
position: fixed;
right: 5px;
top: 5px;
}
div.leftmenu
{
position: fixed;
overflow: auto;
color: rgb(0,0,0);
background: #ffee9b;
margin-top: 80px;
margin-left: 0;
border-right: medium solid;
height: 100%;
width: 9.5em;
min-width: 9.5em;
}
div.stickers
{
position: fixed;
bottom: 0%;
padding-left: 5px;
left: 0;
}
div.content
{
margin-left: 9.5em;
padding-left: 1em;
padding-top: 80px;
}
div.ruler
{
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 2px;
border-bottom: solid 2px rgb(155, 0, 0);
}
div.quote
{
float: left;
width: 60%;
}
div.timestamp
{
right: 1em;
float: right;
width: 8em;
text-align: right;
}
span.storydate
{
font-size: 120%;
}
span.storyhead
{
font-size: 120%;
padding-left: 1em;
}
div.storybody
{
margin-left: 3em;
}
----------------------style.css-----------------
--
Med venlig hilsen / Best regards
David List