Er der nogen der kan hjælpe med et problem angående makering af tekst
i IE6.
Jeg er ved at opbygge en hjemmeside ved hjælp at CSS, Javascript og
html. Følgende kode fungere fint, men teksten kan ikke makeres
ordenligt med IE6. Det fungere med IE5, Opera, Netscape og mozilla.
Er der nogle der kender til det problem?
På forhånd tak for hjælpen.
Her kildekoden til siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<HEAD>
<title>Prøve</title>
<!--java script-->
<script type="text/javascript">
<!--java script der styrer menu´erne
var numofitems = 10;
//menu konstruktør
function menu(allitems,thisitem,startstate)
{
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 10;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu metoder
function ehandler(event,theobj)
{
for (var i=1; i<= theobj.numberofmenuitems; i++)
{
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}
//lukning af undermenuer
function closesubnav(event)
{
if ((event.clientY <48)||(event.clientY > 167))
{
for (var i=1; i<= numofitems; i++)
{
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
//bookmark
var bookmarkurl="#"
var bookmarktitle="Bla"
function addbookmark()
{
if(document.all)window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
//slut-->
</script>
<!--java script slut-->
<!--CSS -->
<style type="text/css">
body{font-family: erdana, Arial, Helvetica, sans-serif; color:
#333333; line-height: 1.166;background-color: #000000;margin:
0px;padding: 0px; }
/******* hyperlink og hover tag stil *******/
a:link, a:visited{color: #FF3333;text-decoration: none; padding: 0px
0px 0px 0px;}
a:hover{text-decoration: underline;}
/************** header tag stil **************/
h1{font: bold 12pt georgia, palatino linotype, times new roman,
serif;color: #FFCC66; margin: 0px;padding: 0px;}
h2{font: bold 11pt georgia, palatino linotype, times new roman,
serif;color: #006699;margin: 0px;padding: 0px;}
h3{font: bold 10pt georgia, palatino linotype, times new roman,
serif;color: #334d55;margin: 0px;padding: 2px;}
h4{font: 10pt georgia, palatino linotype, times new roman,
serif;color: #333333;margin: 0px;padding: 0px;}
h5{font: 10pt georgia, palatino linotype, times new roman,
serif;color: #334d55;margin: 0px;padding: 0px;}
/*************** list tag stil ***************/
ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}
/********* form og beslgtet tag stil *********/
form {margin: 0;padding: 0;}
label{font: bold 1em georgia, palatino linotype, times new roman,
serif;color: #334d55;}
input{font-family: georgia, palatino linotype, times new roman, serif;
font-size:10pt;}
/***********************************************/
/* Divs layout */
/***********************************************/
#pagecell1{position: absolute;top: 122px; width:760px; height: 560px;
margin-left:-381px; left:50%;
background-image:url(billede/grafik/pagenamebaggrundmoerk.gif);
border: 1px solid white; }
#masthead{position:absolute;top: 10px; height: 80px;
width:760px;margin-left:-381px; left:50%;}
#pageNav{float: left;width: 140px;padding: 0px 0px 0px 0px; height:
445px;background-image:url(billede/grafik/globalnavlysbrun.gif); }
#content{padding: 0px 0px 0px 0px;margin:0px 0px 0px 140px;
background-color:#FFFFFF;}
#sponsor{position:absolute; top: 702px;
width:760px;margin-left:-381px; left:50%; height:120px;}
#tromme{position:absolute; top:450px; width:70px;margin-left:200px;
left:50%;}
#knap1{position: absolute;top: 650px; width:3px;
height:3px;margin-left:350px; left:50%;}
#knap2{position: absolute;top: 650px; width:3px; height:3px;
margin-left:-370px; left:50%;}
#knap3{position: absolute;top: 150px; width:3px;
height:3px;margin-left:350px; left:50%;}
#knap4{position: absolute;top: 150px; width:3px;
height:3px;margin-left:-370px; left:50%;}
#annonce{position: absolute;top: 500px;
height:25px;margin-left:-230px; left:50%;font: bold 12pt erdana,
Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; }
/***********************************************/
/* komponent Divs */
/***********************************************/
#siteName{margin: 0px;padding: 16px 0px 8px 0px;color:
#ffffff;font-weight: normal; font-size:14pt;}
/************** utility stil *****************/
#utility{font: 8pt Verdana, Arial, Helvetica, sans-serif;position:
absolute; top: 26px; right:0px; color: #919999;}
#utility a{color: #ffffff; text-decoration: none;}
#utility a:hover{text-decoration: underline;color: #FF3333;}
/************** pageName stil ****************/
#pageName{padding: 17px 0px 17px 0px;margin: 0px; height:45px;}
#pageName h1{font: bold 12pt georgia, palatino linotype, times new
roman, serif;color: #BF864D;margin: 0px;padding: 0px;}
#pageName h2{font: bold 18pt georgia, palatino linotype, times new
roman, serif;color: #000000;margin:0px;padding: 0px;}
#pageName h3{font: bold 9pt georgia, palatino linotype, times new
roman, serif; color: #BF864D;margin: 0px;padding: 0px;}
#pageName h4{font: bold 9pt georgia, palatino linotype, times new
roman, serif; color: Black; margin: 0px; padding: 0px;}
/************* globalNav stil ****************/
#globalNav{position: absolute; width: 760px; height: 32px;color:
#cccccc;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; border: 1px
solid white; background-image:url(billede/grafik/globalnavlysbrun.gif);
}
#globalLink{position: absolute;top: 6px; height: 22px;padding:
0px;margin: 0px;left: 10px;z-index: 100;}
a.glink, a.glink:visited{font: 8pt Verdana, Arial, Helvetica,
sans-serif;color: #000000;font-weight: bold; margin: 0px;padding: 1px
0px 2px 0px;}
a.glink:hover{ background-color: #BF864D;text-decoration: none;}
..skipLinks{display: none;}
/************ subglobalNav stil **************/
..subglobalNav{position: absolute;top: 86px;left: 0px; height:
20px;padding: 0px 0px 0px 10px;visibility: hidden;color: #ffffff;}
..subglobalNav a:link, .subglobalNav a:visited {font: 9pt erdana,
Arial, Helvetica, sans-serif;;color: #ffffff;}
..subglobalNav a:hover{color: #FF3333;}
/************* breadCrumb stil ***************/
#breadCrumb{font: 8pt georgia, palatino linotype, times new roman,
serif;color: #AAAAAA;}
#breadCrumb a{color: #AAAAAA;text-decoration: underline;}
#breadCrumb a:hover{color: #FF3333;text-decoration: underline;}
/************** feature stil *****************/
..feature{font-family:Verdana, Arial, Helvetica, sans-serif;padding:
0px 17px 17px 17px;font-size: 8pt; height:380px; overflow:auto;
scrollbar-base-color:#D3BB89; }
..feature h3{font: bold 18px Verdana, Arial, Helvetica,
sans-serif;color: #000000;padding: 5px 0px 2px 0px;}
..feature h1{font: bold 12px Verdana, Arial, Helvetica,
sans-serif;margin: 0px;padding: 0px;color: #BF864D;}
..feature img{float: left;padding: 0px 10px 0px 0px;}
..feature a:link, .feature a:visited{color: #FF3333;text-decoration:
underline;}
/************ sectionLinks stil **************/
#sectionLinks{font: 8pt georgia, palatino linotype, times new roman,
serif; }
#sectionLinks a:link, #sectionLinks a:visited{display:
block;border-top: 1px solid white;font: 8pt Verdana, Arial, Helvetica,
sans-serif;color: #000000;font-weight: bold;padding: 3px 0px 2px
8px;background-image:url(billede/grafik/globalnavlysbrun.gif);}
#sectionLinks a:hover{border-top: 1px solid white;background-color:
#BF864D;background-image: none;font-weight: bold; text-decoration:
none;}
/************* relatedLinks stil **************/
..relatedLinks{margin: 0px 0px 0px 0px;padding: 0px 10px 0px
10px;border-top: 1px solid white;font: 8pt Verdana, Arial, Helvetica,
sans-serif; background-image:url(billede/grafik/globalnavlysbrun.gif);}
..relatedLinks h3{padding: 0px 0px 0px 0px;}
..relatedLinks a{display: block;}
..relatedLinks p{padding:0px;}
..relatedLinks a:link, .relatedLinks a:visited{color:
black;text-decoration: underline; padding: 0px 0px 0px 0px;}
..style14 {color: #FFFFFF; font-size:16px;}
..style15 {color: #FFFFFF}
..style16 {color: #FFCC00}
--></style>
<!--header slut-->
<!--body start-->
</HEAD>
<body onmousemove="closesubnav(event);"
onload="window.defaultStatus='Dette er en prøve';">
<div class="skipLinks"></div>
<!--masthead start-->
<div id="masthead">
<h1 id="siteName">Det store show
<span class="style16">2004</span></h1>
<div id="utility"><img src="billede/icon/stjerne.gif" alt=""
width="10" height="11" border="0"> <a
href="javascript:addbookmark()" title="Tilføj Bla til foretukne
(gælder kun Internet Explorer brugere)">Bookmark</a> <span
class="style15">|</span> <a><IMG height="12" alt=""
src="billede/flag/dk_flag.gif" width="20"></a> <a></a>
<a><IMG height="12" alt="" src="billede/flag/uk_flag.gif"
width="20"></a>
</div>
<!--globalnav start-->
<div id="globalNav">
<!--start globalLinks-->
<div id="globalLink"><A class="glink" id="g20"
onmouseover="ehandler(event,menuitem10);" href="#">Forside </a><span
class="style14">|</span><A class="glink" id="gl1"
onmouseover="ehandler(event,menuitem1);" href="#"> Program </A><span
class="style14">|</span><A class="glink" id="gl2"
onmouseover="ehandler(event,menuitem2);" href="#"> Pris
& billetsalg </A><span class="style14">|</span><A
class="glink" id="gl3" onmouseover="ehandler(event,menuitem3);"
href="#"> Præmier </A><span class="style14">|</span><A
class="glink" id="gl4" onmouseover="ehandler(event,menuitem4);"
href="#"> Udstillere </A><span class="style14">|</span><A
class="glink" id="gl5" onmouseover="ehandler(event,menuitem5);"
href="#"> Sælg
selv </A><span class="style14">|</span><A class="glink" id="gl6"
onmouseover="ehandler(event,menuitem6);" href="#"> Vejviser </A><span
class="style14">|</span><A class="glink" id="gl7"
onmouseover="ehandler(event,menuitem7);" href="#"> Hvem
er vi </A><span class="style14">|</span><A class="glink"
id="gl8" onmouseover="ehandler(event,menuitem8);" href="#"> Kontakt
</A><span class="style14">|</span><A class="glink" id="gl9"
onmouseover="ehandler(event,menuitem9);" href="#"> Links </A>
</div>
<!--slut globalLinks-->
</div>
<!-- slut globalNav -->
<!--start subblobalNav-->
<div class="subglobalNav" id="subglobal1"><A href="#">Program</A> |
<A href="#">
Bla</A> | <A href="#">Bla</A> | <A href="#">
Bla</A> | <A href="#:">Bla</A>
</div>
<div class="subglobalNav" id="subglobal2"><A href="#">Pris og
billetsalg</A><a></a>
</div>
<div class="subglobalNav" id="subglobal3"><A href="#">Bla</A> | <A
href="#">
Bla</A> | <A href="#">Bla</A> | <A href="#">3.
Bla</A>
</div>
<div class="subglobalNav" id="subglobal4"><A
href="Udstillere.htm">Udstillere</A> | <a href="#" target="_blank">
Bla</a> | <a href="#" target="_blank">
Bla</a> | <a href="#" target="_blank">Bla</a>
| <A href="#">Bla</A> | <A href="#">Bla</A> | <A href="#">Bla</A>
| <a href="#" target="_blank">
Bla</a>
</div>
<div class="subglobalNav" id="subglobal5"><A href="#">Sælg
selv</A>
</div>
<div class="subglobalNav" id="subglobal6"><A href="#">bla</A> | <a
href="#">
bla</a> | <a href="#" target="_blank">bla</a>
| <a href="#" target="_blank">bla</a> | <a href="#"
target="_blank">
bla</a>
</div>
<div class="subglobalNav" id="subglobal7"><A href="#">Hvem er
vi</A>
</div>
<div class="subglobalNav" id="subglobal8"><A href="#">Kontakt</A>
</div>
<div class="subglobalNav" id="subglobal9"><A href="#">Links</A>
</div>
<div class="subglobalNav" id="subglobal10"><A href="#">Forside</A>
</div>
<!--slut subblobalNav-->
</div>
<!-- slut masthead -->
<!--start pagecell1-->
<div id="pagecell1">
<!--start pageName-->
<div id="pageName">
<h2 align="center" class="style14">Det kæmpe store show 2004</h2>
<h4 align="center" class="style14"></h4>
</div>
<!--slut pageName-->
<!--start pageNav-->
<div id="pageNav">
<!--start sectionsLinks-->
<div id="sectionLinks"><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Forside</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Program</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Pris & billetsalg</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Præmier</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Udstillere</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Sælg selv</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Vejviser</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Hvem er vi</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Kontakt</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">
Links</A>
</div>
<!--slut sectionsLinks-->
<!--start relatedLinks-->
<div class="relatedLinks">
<br><p><strong><img src="billede/icon/fp_pil.gif"
alt=""> Nyheder: </strong><br>Bla bla bla <a
href="#">Læs mere</a></p>
</div>
<div class="relatedLinks">
<br><strong><img src="billede/icon/fp_pil.gif"
alt=""> Tilmeld dig<br>nyhedsbrev:</strong>
</div>
<!--slut relatedLinks-->
</div>
<!--slut pageNav-->
<!--start content-->
<div id="content">
<!--start feature-->
<div class="feature">
<!--start breadCrumb-->
<div id="breadCrumb"><a href="#">Start</a> » Sælg
selv
</div>
<!--slut breadCrumb-->
Det her er tekst. Det her er tekst.Det her er tekst.Det her er
tekst.Det her er tekst.Det her er tekst.Det her er tekst.Det her er
tekst.
</div>
<!--slut feature-->
</div>
<!--slut content-->
</div>
<!--end pagecell1-->
<script type="text/javascript">
<!--
var menuitem1 = new menu(10,1,"hidden");
var menuitem2 = new menu(10,2,"hidden");
var menuitem3 = new menu(10,3,"hidden");
var menuitem4 = new menu(10,4,"hidden");
var menuitem5 = new menu(10,5,"hidden");
var menuitem6 = new menu(10,6,"hidden");
var menuitem7 = new menu(10,7,"hidden");
var menuitem8 = new menu(10,8,"hidden");
var menuitem9 = new menu(10,9,"hidden");
var menuitem10 = new menu(10,10,"hidden");
-->
</script>
</body>
</html>