Avatar billede sheva07 Nybegynder
25. september 2005 - 14:18 Der er 10 kommentarer

line-height i IE?

Jeg er igang med at lave en hjemmeside, og der er noget jeg ikke helt forstår!
Hvorfor vil IE ikke acceptere line-height i #headlines?

Den fungerer fint i Firefox.

Er der en anden metode man kan bruge for at gøre afstanden større, i stedet for line-height?

Her er koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.head {
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
    color:#CCCCCC;
    text-align:left;
    text-indent:20px;
}
#newsbar {
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    background-image:url(newsbar.gif);
    width:100%;
    padding:6px;
}
#headlines {
    font-family:Verdana;
    font-size:11px;
    list-style-type:none;
    width:100%;
    margin:0;
    padding:10px;
    line-height:20px;
}
#headlines a:link, #headlines a:visited {
    color:#CC3366;
    text-decoration:none;
}
#headlines a:hover, #headlines a:active {
    text-decoration: underline;
}
.newshead {
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
    color:#666666;
    margin-bottom:5px;
    padding-left:20px;
}
.newsdate {
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    margin-bottom:20px;
    padding-left:20px;
}
.newstext {
    font-family:Verdana;
    font-size:11px;
    color:#333333;
    margin-bottom:20px;
    margin-right:20px;
    line-height:15px;
    padding-left:20px;
}
-->
</style>
</head>

<body style="background-color:#6C90B3; background-image:url(bg.gif); background-repeat:repeat-x">
<div id="content" align="center">
<table style="background-image:url(head.gif); height:40px; width:700px; border-bottom:2px solid #999999" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="head">/eventyrer</td>
  </tr>
</table>
<table style="background-color:#FFFFFF; width:700px" width="100%"  border="0" cellspacing="10" cellpadding="0">
  <tr>
    <td style="width:200px" align="left" valign="top">
    <div id="newsbar">Seneste eventyrer</div>
    <ul id="headlines">
    <li><img src="arrow.gif" alt=""><a href="#">Den lille havfrue</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Den grimme ælling</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Keiserens nye klæder</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Paradisets have</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Lille Claus og store Claus</a></li>
    </ul>
    </td>
    <td align="left" valign="top">
    <div class="newshead">Den lille havfrue </div>
    <div class="newsdate">25 september 2005</div>
    <div class="newstext"><p>Langt ude i Havet er Vandet saa blaat, som Bladene paa den deiligste Kornblomst og saa klart, som den reneste Glas, men det er meget dybt, dybere end noget Ankertoug naaer, mange Kirketaarne maatte stilles ovenpaa hinanden, for at række fra Bunden op over Vandet. Dernede boe Havfolkene. Nu maa man slet ikke troe, at der kun er den nøgne hvide Sandbund; nei, der voxe de forunderligste Træer og Planter, som ere saa smidige i Stilk og Blade, at de ved den mindste Bevægelse af Vandet røre sig, ligesom de vare levende. Alle Fiskene, smaae og store, smutte imellem Grenene, ligesom heroppe Fuglene i Luften. Paa det allerdybeste Sted ligger Havkongens Slot, Murene ere af Coraller og de lange spidse Vinduer af det allerklareste Rav, men Taget er Muslingeskaller, der aabne og lukke sig, eftersom Vandet gaaer; det seer deiligt ud; thi i hver ligge straalende Perler, een eneste vilde være stor Stads i en Dronnings Krone.
    <br>Havkongen dernede havde i mange Aar været Enkemand, men hans gamle Moder holdt Huus for ham, hun var en klog Kone, men stolt af sin Adel, derfor gik hun med tolv Østers paa Halen, de andre Fornemme maatte kun bære sex. - Ellers fortjente hun megen Roes, især fordi hun holdt saa meget af de smaa Havprindsesser, hendes Sønnedøttre. De vare 6 deilige Børn, men den yngste var den smukkeste af dem allesammen, hendes Hud var saa klar og skjær som et Rosenblad, hendes Øine saa blaa, som den dybeste Sø, men ligesom alle de andre havde hun ingen Fødder, Kroppen endte i en Fiskehale. Hele den lange Dag kunde de lege nede i Slottet, i de store Sale, hvor levende Blomster voxte ud af Væggene. De store Rav-Vinduer bleve lukkede op, og saa svømmede Fiskene ind til dem, ligesom hos os Svalerne flyve ind, naar vi lukke op, men Fiskene svømmede lige hen til de smaae Prindsesser, spiste af deres Haand og lod sig klappe...</p></div>
    </td>
  </tr>
</table>
</div>
</body>
</html>
Avatar billede jesper-moeller Nybegynder
25. september 2005 - 14:24 #1
du har angivet listens liniehøjde....ikke linksne

prøv evnt med
#headlines, a {
Avatar billede sheva07 Nybegynder
25. september 2005 - 14:30 #2
Nej. Det hjælper ikke, og som sagt så virker det i Firefox. Bare ikke MS Internet Explorer!
Avatar billede jesper-moeller Nybegynder
25. september 2005 - 14:38 #3
Du har vel ikke et link til siden...
Sider og er ret forviret over ekstra karektere i din kode hvis jeg kopi paster ....(fuld af &Ecirc;)
Avatar billede sheva07 Nybegynder
25. september 2005 - 14:40 #4
Jeg ved ikk rigtig hvor jeg skal uploade den!
Avatar billede jesper-moeller Nybegynder
25. september 2005 - 14:42 #5
Hvis jeg fjerner  alle &Ecirc; i koden...så står det ens her...... men meget svært at vurdere når man ikke kan se hvad du mener er rigtigt....
Avatar billede sheva07 Nybegynder
25. september 2005 - 14:45 #6
Prøv at se siden i både IE og FF, og læg mærke til menuen til højre, hvor overskrifterne står!
Avatar billede sheva07 Nybegynder
25. september 2005 - 15:01 #7
Jeg har uploaded siden på: http://www.anzwers.net/hot/sheva/test.htm
Avatar billede jesper-moeller Nybegynder
25. september 2005 - 15:11 #8
Ser ens ud i IE FF og NN her .... ? ...samme afstand højde længde farve og placering
Avatar billede sheva07 Nybegynder
25. september 2005 - 15:16 #9
Se på titlerne. Har de samme linjeafstand på alle browsere.
De skulle gerne ligge lidt fra hinanden.

Eks.:

Den lille havfrue

Den grimme ælling

Kejserens nye klæder

Og ikke sådan her:

Den lille havfrue
Den grimme ælling
Kejserens nye klæder

Nu har jeg skåret det ud i pap. Jeg ved ikke hvordan jeg ellers skal forklare det!
Avatar billede sheva07 Nybegynder
25. september 2005 - 15:17 #10
Og det gør de ikke på min. Bruger IE 6, og der ligger titlerne lige op ad hinanden!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester