/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Makering af tekst - bug i IE6?
Fra : Rene


Dato : 16-08-04 23:05

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&oslash;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">&nbsp;<a
href="javascript:addbookmark()" title="Tilføj Bla til foretukne
(g&aelig;lder kun Internet Explorer brugere)">Bookmark</a>&nbsp;<span
class="style15">|</span>&nbsp;&nbsp;<a><IMG height="12" alt=""
src="billede/flag/dk_flag.gif" width="20"></a>&nbsp; <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
                  &amp; billetsalg </A><span class="style14">|</span><A
class="glink" id="gl3" onmouseover="ehandler(event,menuitem3);"
href="#"> Pr&aelig;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&aelig;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&aelig;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">&nbsp;
                  Forside</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Program</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Pris &amp; billetsalg</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Pr&aelig;mier</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Udstillere</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  S&aelig;lg selv</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Vejviser</A> <A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Hvem er vi</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Kontakt</A><A href="#"><IMG alt="" border="0"
src="billede/black_square_arrow.png">&nbsp;
                  Links</A>
            </div>
            <!--slut sectionsLinks-->
            <!--start relatedLinks-->
            <div class="relatedLinks">
               <br><p><strong><img src="billede/icon/fp_pil.gif"
alt="">&nbsp;&nbsp;Nyheder: </strong><br>Bla bla bla <a
href="#">L&aelig;s mere</a></p>
            </div>
            <div class="relatedLinks">
               <br><strong><img src="billede/icon/fp_pil.gif"
alt="">&nbsp;&nbsp;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> &raquo; S&aelig;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>

 
 
Per Rasmussen (17-08-2004)
Kommentar
Fra : Per Rasmussen


Dato : 17-08-04 00:20

Rene wrote in dk.edb.internet.webdesign.html:
> 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:

klip klip klip en vanvittig masse kode.
Send os et link i stedet for.

PerR

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Anders Thorsen Holm (17-08-2004)
Kommentar
Fra : Anders Thorsen Holm


Dato : 17-08-04 00:23

rene.bode@vip.cybercity.dk (Rene) wrote:

> Følgende kode fungere fint, men teksten kan ikke makeres
> ordenligt med IE6.

Uden at have undersøgt det nøjere, så er mit gæt at det er fordi du i
vid udstrækning benytter absolut positionering. Det kan give den
bivirkning, du beskriver.

> Her kildekoden til siden:

[snip en hulens masse kode]

En anden gang ville det være bedre, om du i stedet gav et link til en
(test)side, hvor problemet opstår. Det er en skidt ide at poste hele
kildekoden: indholdet risikerer at blive ombrudt, indlægger fylder mere
end nødvendigt og de færreste vil nok gøre sig den ulejlighed at copy-
paste koden til en lokal fil.

Ergo: upload i stedet siden til en webserver, så er der større chancer
for brugbare svar.

--
Anders Thorsen Holm, BSc i datalogi-multimedier.

Jeg søger fuldtidsjob i Århus - gerne studierelevant, men ingen
betingelse. Læs mit CV: http://www.thorsenholm.dk/cv/

Rene (17-08-2004)
Kommentar
Fra : Rene


Dato : 17-08-04 09:39

Anders Thorsen Holm <usenet@thorsenholm.invalid> wrote in message news:<Xns9548F3335293thorsenholm@130.225.247.90>...
> rene.bode@vip.cybercity.dk (Rene) wrote:
>
> > Følgende kode fungere fint, men teksten kan ikke makeres
> > ordenligt med IE6.
>
> Uden at have undersøgt det nøjere, så er mit gæt at det er fordi du i
> vid udstrækning benytter absolut positionering. Det kan give den
> bivirkning, du beskriver.
>
> > Her kildekoden til siden:
>
> [snip en hulens masse kode]
>
> En anden gang ville det være bedre, om du i stedet gav et link til en
> (test)side, hvor problemet opstår. Det er en skidt ide at poste hele
> kildekoden: indholdet risikerer at blive ombrudt, indlægger fylder mere
> end nødvendigt og de færreste vil nok gøre sig den ulejlighed at copy-
> paste koden til en lokal fil.
>
> Ergo: upload i stedet siden til en webserver, så er der større chancer
> for brugbare svar.

Tak for svarene.

Jeg havde selv ovejet at uploade siden, og det er hermed gjort på
følgende link: http://www.vintageludwig.com/proeve.htm

På forhånd tak for hjælpen.

Hilsner René

Rene (17-08-2004)
Kommentar
Fra : Rene


Dato : 17-08-04 11:30

Anders Thorsen Holm <usenet@thorsenholm.invalid> wrote in message news:<Xns9548F3335293thorsenholm@130.225.247.90>...
> rene.bode@vip.cybercity.dk (Rene) wrote:
>
> > Følgende kode fungere fint, men teksten kan ikke makeres
> > ordenligt med IE6.
>
> Uden at have undersøgt det nøjere, så er mit gæt at det er fordi du i
> vid udstrækning benytter absolut positionering. Det kan give den
> bivirkning, du beskriver.
>
> > Her kildekoden til siden:
>
> [snip en hulens masse kode]
>
> En anden gang ville det være bedre, om du i stedet gav et link til en
> (test)side, hvor problemet opstår. Det er en skidt ide at poste hele
> kildekoden: indholdet risikerer at blive ombrudt, indlægger fylder mere
> end nødvendigt og de færreste vil nok gøre sig den ulejlighed at copy-
> paste koden til en lokal fil.
>
> Ergo: upload i stedet siden til en webserver, så er der større chancer
> for brugbare svar.

Tak for svarene.

Jeg overvejet selv at uploade siden og det er hermed gjort på følgende
link: http://www.vintageludwig.com/proeve.htm. Der er dele af CSS som
ikke bliver brugt på denne side, men det er fordi CSS-koden normalt
ligger på en seperat fil og bliver brugt af mange sider.

På forhånd tak for hjælpen

Hilsner René

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste