Plaatjes zijn niet meer gecentreerd op mijn pagina's. - Softwareontwikkeling

donderdag 3 februari 2005 15:22

Acties:

Topicstarter

Hoi,

Ik ben meer een designer dan een ontwikkelaar, dus please beware!

Recentelijk heb ik mijn site geupdate via Dreamweaver MX 2004. Voorheen gebruikte ik versie 4.0. Ik heb alle templates aangepast in MX 2004 en toen alle pagina's opnieuw gegenereerd. Alles is goed gegaan, behalve het feit dat de 'grote plaatjes' nu niet meer verticaal gecentreerd op de pagina's staan.

Zie dit voorbeeld: http://www.limelight-stud...lderijen_gallerie1_01.htm

En dit is de code:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/schilderijen_groot_formaat.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../../../portfolio_rob.css" type="text/css">

<!-- InstanceBeginEditable name="doctitle" -->
<title>Limelight Studio's | Portfolio Rob - Schilderijen</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body bgcolor="#F1F3E6" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="../../../Images/background_slice.jpg">
<table border="0" width="100%" align="center" height="100%">
  <tr>
    <td>
      <!-- InstanceBeginEditable name="Afbeelding" -->
      <table border="0" align="center">
        <tr>
          <td>[img]"groot_schilderijen_gallerie1_01.jpg"[/img]</td>
        </tr>
      </table>
      <!-- InstanceEndEditable -->
      <!-- InstanceBeginEditable name="Omschrijving" -->
      <table width="308" border="0" align="center" height="16">
        <tr>
          <td><div align="center" class="standaard_text"> <span class="text_bij_grootformaat">Olieverf op papier </span><br>
                      <span class="text_cursief_bij_grootformaat">37x57cm</span></div></td>
        </tr>
      </table>
      <!-- InstanceEndEditable -->
      </td>
  </tr>
</table>

</body>
<!-- InstanceEnd --></html>

1: Wat is er fout aan deze code, gezien het feit dat de plaatjes opeens niet meer gecentreerd zijn in IE6.0/FireFox 1.0?
2: Het lijkt erop dat als ik deze code weghaal:.....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

..... het probleem opeens niet meer aanwezig is.

Hulp is welkom voor deze HTML-'newbie'.
Thanx,

[ Voor 20% gewijzigd door Grover op 03-02-2005 15:24 ]

donderdag 3 februari 2005 15:25

Acties:

André

Analytics dude

Zodra de browser in Quircksmode gerenderd word gaat het goed en in Standard Compliance mode niet? Zet eens een height="100%" op de 2de tabel of de 2de td, en een valign="middle" op de td.

Het blijft een ranzige oplossing maar goed, je werkt met DW.

donderdag 3 februari 2005 15:28

Acties:

Willem

Voorbeeld is OK

Klooien met de diverse uitlijn-mogelijkheden binnen CSS.

Succes.

/basic

Motor (of auto) onderhoud bijhouden