Avatar billede madsdj Nybegynder
15. februar 2006 - 17:18 Der er 12 kommentarer og
1 løsning

Cell Padding problemer i Dreamweaver 8

Hej,

Jeg har et problem der er så basalt, at jeg ikke kan forstå, at jeg ikke kan finde nogle løsning trods ihærdig søgning. Når jeg i et tabelbaseret layout forsøger at indsætte en padding på 40 pixels  (alle fire sider) i en given celle, går det galt. Det ser rigtigt nok ud i Dreamweaver og i Firefox, men når jeg tester den i Internet Explorer er det som om at paddingen bliver fordoblet, hvilket ødelægger layoutet. Nogen der har en løsning?
Avatar billede olebole Juniormester
15. februar 2006 - 18:13 #1
<ole>

- nok ikke, hvis vi ikke ser, hvad DW har skrevet i koden  :)

/mvh
</bole>
Avatar billede madsdj Nybegynder
15. februar 2006 - 18:31 #2
Selvfølgelig. Det ser nu ud til at jeg delvist har fået løst problemet, uden dog at vide hvordan. Jeg må indrømme at jeg ikke har den fjerneste ide om hvad jeg har rodet mig ud i..!

Der er dog stadig et problem idet at hver cellerække i IE ser 'højere' ud i IE end FF. Der er også mere mellemrum mellem afsnittene. Dvs. at siden i FF ser ud præcis som den gør i designmode i DW, men i IE ikke er helt korrekt justeret.

Du får her HTML og CSS-kode:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Operasanger Jan Lund</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<meta name="Search" content="opera, sanger, jan, lund, teater, sang, operasanger" />
</head>

<body>
<table width="646" height="496" border="0" align="center" cellpadding="0" cellspacing="0" class="table"><!--DWLayoutTable-->
  <tr>
    <td width="384" height="110" class="topleft">Forside | Biografi | Kalender | Anmeldelser | Kontakt    </td>
    <td width="262" height="110" class="topright"><div align="left"><img src="images/logo.jpg" alt="Jan Lund" width="200" height="100" /></div></td>
  </tr>
  <tr>
    <td width="400" height="352" valign="top" class="mainleft"><p>Jeg startede min sang-uddannelse  p&aring; konservatoriet med at studere klaver i 7 &aring;r!</p>
      <p>Hos pianisten Anne Marie Fog er  jeg uddannet pianist med betegnelsen &rdquo;statspr&oslash;vet klaverp&aelig;dagog&rdquo; p&aring; Det  Nordjyske Musikkonservatorium.<br />
        Med klavereksamen i hus startede  jeg forfra p&aring; sangstudiet hos Ulla Wang, og lavede en Diplomeksamen i sang  efter tre &aring;r, hvor jeg blev ansat p&aring; Det Kongelige Teater. Efter tre &aring;r p&aring;  teatret og tre &aring;rs orlov sagde jeg min faste stilling op, og har siden v&aelig;ret  free-lance operasanger.</p>
      <p>Efter konservatoriet har jeg  studeret hos Tonny Landy i en l&aelig;ngere &aring;rr&aelig;kke, og siden hos professor Kirsten  Buhl M&oslash;ller. Der ud over har jeg studeret i London hos Thomas Hemsly, og i Rom  hos Angelo degl&acute;Innocenti og Margareth Baker-Genovesi.</p>
      <p>Under vejs i min karriere har jeg  modtaget adskillige priser og legater. Blandt andre: Spies Fonden &ndash; &Aring;rets  sanger 1994, Aalborg Symfoniorkester, Operaens Venner og Dronning Ingrids  Romerske Fond.</p>
      <p>Sammen med operasangeren Elsebeth  Dreisig og pianisten Thomas Rischel har vi stiftet det lille  sp&aelig;ndende og yderst progressive operakompagni &rdquo;DogmeOpera&rdquo;. Vi er i gang med at  producere vores forestilling nr. 2, som kommer til at hedde: &rdquo;To mand frem for  en Diva&rdquo; og f&aring;r premiere omkring 20. oktober 2006, og derp&aring; skal turnere landet  tyndt de n&aelig;ste s&aelig;son&acute;er.</p>
      <p>Sidel&oslash;bende med min karriere som  operasanger er jeg for tiden i gang med at tage Master-uddannelsen: &rdquo;Master i  sangp&aelig;dagogik for elitesangere&rdquo; p&aring; Det Kongelige Danske Musikkonservatorium.&nbsp; </p>
    <p>Privat er jeg gift med  multikunstneren Mikael Melbye, og vi bor p&aring; et vidunderligt landsted fra 1700  &aring;rene ved Sus&aring;ens bred, sammen med vores dejlige langpelsede Sch&auml;fer Xavi&eacute;r og  en herlig flok sorte S&aring;nef&aring;r.</p></td>
    <td width="250" class="mainright"><p><img src="images/jan.jpg" alt="Jan Lund" width="175" height="248" /></p>
    <p>Jan Lund 2003 </p></td>
  </tr>
  <tr>
    <td height="30" colspan="2" class="bottom"><p align="center">Jan Lund,  Hejreskovhus, Hejreskovvej 11, 4173 Fjenneslev,  mail: <u><a href="mailto:sangerlund@tiscali.dk">sangerlund @  tiscali.dk</a></u> </p></td>
  </tr>
</table>
</body>
</html>

Ekstern CSS-fil:

.table {
    border: thin solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
body {
    background-image: url(images/body.jpg);
    text-align: center;
    background-repeat: repeat-x;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
}
.topleft {
    background-color: #000066;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 40px;
    text-align: left;
    vertical-align: bottom;
    padding-top: 0px;
    padding-right: 0px;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0099FF;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.topright {
    background-color: #000066;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
}
.bottom {
    background-color: #000066;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.mainright {
    background-color: #242424;
    text-align: right;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding-top: 40px;
    padding-right: 40px;
}
.mainleft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #242424;
    padding: 40px;
    text-align: left;
}
Avatar billede olebole Juniormester
15. februar 2006 - 19:29 #3
p {
    margin: 1.2em 0
}

- i din CSS burde kunne kunne klare det. De '1.2em' er en linjehøjde i langt de fleste skrifter - uanset skriftstørrelsen. Så skal du ikke ind og rette, hvis du skifter skriftstørrelse  :)
Avatar billede olebole Juniormester
15. februar 2006 - 19:30 #4
Sagen er, at p-elementets top- og bund-margin er forskellig i IE og FF ... den er ikke fastlagt i nogen standard
Avatar billede madsdj Nybegynder
15. februar 2006 - 19:39 #5
ok, takker so far! I mellemtiden er der dog sket det, at mit første problem er vendt tilbage. Meget sært, for synes ikke jeg har ændret noget særligt, prøvede med undo indtil jeg var tilbage til status quo (både i html og css), men problemet forsvandt ikke. Kan du gennemskue om der er noget i koden der har ændret sig (udover at jeg har fjernet noget af teksten)?

Og så et eksperten.dk-noob-spørgsmål: hvordan giver jeg dig points?

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Operasanger Jan Lund</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<meta name="Search" content="opera, sanger, jan, lund, teater, sang, operasanger" />
</head>

<body>
<table width="646" height="496" border="0" align="center" cellpadding="0" cellspacing="0" class="table">
  <!--DWLayoutTable-->
  <tr>
    <td width="383" height="110" class="topleft">Forside | Biografi | Kalender | Anmeldelser | Kontakt </td>
    <td width="259" height="110" class="topright"><img src="images/logo.jpg" alt="Jan Lund" width="192" height="100" /></td>
  </tr>
  <tr>
    <td width="383" height="352" valign="top" class="mainleft"><p>Jeg startede min sang-uddannelse  p&aring; konservatoriet med at studere klaver i 7 &aring;r!</p>
        <p>Hos pianisten Anne Marie Fog er  jeg uddannet pianist med betegnelsen &rdquo;statspr&oslash;vet klaverp&aelig;dagog&rdquo; p&aring; Det  Nordjyske Musikkonservatorium.<br />
        Med klavereksamen i hus startede  jeg forfra p&aring; sangstudiet hos Ulla Wang, og lavede en Diplomeksamen i sang  efter tre &aring;r, hvor jeg blev ansat p&aring; Det Kongelige Teater. Efter tre &aring;r p&aring;  teatret og tre &aring;rs orlov sagde jeg min faste stilling op, og har siden v&aelig;ret  free-lance operasanger.</p>
      <p>Efter konservatoriet har jeg  studeret hos Tonny Landy i en l&aelig;ngere &aring;rr&aelig;kke, og siden hos professor Kirsten  Buhl M&oslash;ller. Der ud over har jeg studeret i London hos Thomas Hemsly, og i Rom  hos Angelo degl&acute;Innocenti og Margareth Baker-Genovesi.</p>
    </td>
    <td width="259" class="mainright"><p><img src="images/jan.jpg" alt="Jan Lund" width="175" height="248" /></p>
        <p>Jan Lund 2003 </p></td>
  </tr>
  <tr>
    <td height="30" colspan="2" class="bottom"><p align="center">Jan Lund,  Hejreskovhus, Hejreskovvej 11, 4173 Fjenneslev,  mail: <u><a href="mailto:sangerlund@tiscali.dk">sangerlund @  tiscali.dk</a></u> </p></td>
  </tr>
</table>
</body>
</html>

CSS:
body {
    background-image: url(images/body.jpg);
    margin: 40px;
    text-align: center;
    background-repeat: repeat-x;
}
p {
    margin: 1.2em 0
}
.table {
    border: thin solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    padding: 0px;
}
.topleft {
    background-color: #000066;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 40px;
    text-align: left;
    vertical-align: bottom;
    padding-top: 0px;
    padding-right: 0px;
}
.topright {
    background-color: #000066;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
    padding-right: 40px;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0099FF;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.bottom {
    background-color: #000066;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.mainright {
    background-color: #242424;
    text-align: right;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding-top: 40px;
    padding-right: 40px;
}
.mainleft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #242424;
    padding: 40px;
    text-align: left;
}
Avatar billede olebole Juniormester
15. februar 2006 - 19:48 #6
Jeg kan ikke genskabe problemet med din kode
Avatar billede madsdj Nybegynder
15. februar 2006 - 20:00 #7
du får lige et par screenshots så du kan se hvad jeg mener:

IE: http://www.hullet.net/ie.jpg
FF: http://www.hullet.net/ff.jpg

Det samme skete også med den forrige side jeg forsøgte at lave. Problemet synes at opstå og forsvinde uregelmæssigt... Det er dog ikke mine browsere der er problemet, har testet på andre computere.

Og hvordan med points?
Avatar billede olebole Juniormester
15. februar 2006 - 20:18 #8
Den eneste forskel, jeg ser, er luften i bunden af indholdsområdet ... er det det, du mener?
Avatar billede madsdj Nybegynder
15. februar 2006 - 20:24 #9
jep, den ses ikke i DW eller FF, men kun i IE. Hvor kommer den fra?
Avatar billede olebole Juniormester
15. februar 2006 - 20:30 #10
Mon ikke, det er højden her:
    <td width="383" height="352" valign="top" class="mainleft">

- prøv at slette den, så tror jeg, det funker  :)
Avatar billede madsdj Nybegynder
15. februar 2006 - 20:43 #11
Jamen du har jo ret! Fantastisk! Du har ingen ide om hvor meget det har frusteret mig!
Takker ærbødigst, glæder mig til at jeg en dag selv kan gennemskue sådan noget!
Avatar billede madsdj Nybegynder
15. februar 2006 - 20:45 #12
Tror endda også jeg har fundet ud af det med pointene, dem får du hermed.

-Mads
Avatar billede olebole Juniormester
15. februar 2006 - 21:14 #13
Hehe ... selvtak - og tak for points. Trøst dig ... det kommer med øvelsen - og efter at have løst tusindvis af egne fejl  :)
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
Kurser inden for grundlæggende programmering

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