Een rommeltje in IE

pat · Bericht door **pat** » 8 maart 2006, 10:26

Zonet enkele pagina's die ik gemaakt had in IE bekeken en het trekt op niets, tabellen zijn in grootte veranderd, teksten verschoven.....Jeezes, nu zit ik met mijn handen in mijn haar, het zag er zo netjes uit in M.

Heb ik iets fout gedaan bij de opmaak?

cysoon · Bericht door **cysoon** » 8 maart 2006, 11:23

Om te kunnen beoordelen of je iets fout hebt gedaan is het wel handig als we weten wat je hebt gemaakt...

Heb je het al online? Geef dan even je website op!

vulture · Bericht door **vulture** » 8 maart 2006, 11:26

cysoon schreef:Om te kunnen beoordelen of je iets fout hebt gedaan is het wel handig als we weten wat je hebt gemaakt...
Heb je het al online? Geef dan even je website op!

In zijn vorige topic zie http://www.mozbrowser.nl/forum/viewtopi ... 4926#44926 heeft hij al aangeven dat zijn site nog niet online is. Dus als je de code van een van de niet werkende pagina's hier zou kunnen plaatsen. Dan kunnen de experts ernaar kijken (ik dus niet

)

pat · Bericht door **pat** » 8 maart 2006, 12:49

Gelukkig dat mijn site nog niet on-line is, ik zou beschaamd zijn

Ik plak hier even de bron. Voor mij is het alleszins Chinees. Alvast bedankt.

<!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 content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>home</title>
<meta content="uluwatu indonesia shop interior fashion"
name="description" />
</head>
<body
style="color: rgb(102, 51, 0); background-color: rgb(153, 0, 0);"
alink="#cc0000" link="#cc0000" vlink="#cc6600">
 <br />
<table
style="width: 762px; height: 446px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="35">
<tbody>
<tr>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; width: 120px; height: 46px; background-color: rgb(255, 102, 0);"><big><span
style="color: rgb(153, 0, 0);"><span
style="font-weight: bold;">wie zijn we</span></span></big></td>
<td colspan="1" rowspan="5"
style="vertical-align: middle; white-space: nowrap; text-align: center; width: 360px; height: 46px;"><img
src="file:///D:/Uluwatu-shop/uluwatu__logo_120X120.jpg"
alt="uluwatu-shop-logo"
style="border: 0px solid ; width: 374px; height: 387px;"
align="middle" hspace="0" vspace="0" /></td>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; width: 120px; height: 46px; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">about us</big></td>
</tr>
<tr>
<td
style="vertical-align: middle; text-align: center; background-color: rgb(255, 102, 0); white-space: nowrap;"><big><span
style="font-weight: bold;"></span><small
style="color: rgb(153, 0, 0);"><font size="+1"><span
style="font-weight: bold;">uluwatu</span></font></small></big></td>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">uluwatu</big></td>
</tr>
<tr>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">producten</big></td>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">products</big></td>
</tr>
<tr>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">links</big></td>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">links</big></td>
</tr>
<tr>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big><span
style="color: rgb(153, 0, 0); font-weight: bold;">mail ons</span></big></td>
<td
style="vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(255, 102, 0);"><big
style="font-weight: bold; color: rgb(153, 0, 0);">contact us</big></td>
</tr>
</tbody>
</table>
           
       
           
       
           
       
           
       
           
  <big>      
  <span style="color: rgb(255, 102, 0);"></span><span
style="color: rgb(255, 102, 0);"></span></big><br />
<table
style="width: 400px; text-align: left; margin-left: auto; margin-right: auto;"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; white-space: nowrap; text-align: left;"><span
style="color: rgb(255, 102, 0); font-weight: bold;"> 
           
© uluwatu-shop 2006  (All rights reserved)</span></td>
</tr>
</tbody>
</table>
<br />
<br />
<br />
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 972px; height: 58px;"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; white-space: nowrap; text-align: left; width: 700px;"><span
style="color: rgb(153, 51, 0);"><span
style="color: rgb(255, 102, 0);"> 
   <span style="font-style: italic;">De
foto's op deze website zijn eigendom van © uluwatu-shop en
mogen
niet zonder de schriftelijke toestemming worden overgenomen.</span></span><br
style="color: rgb(255, 102, 0);" />
<span style="color: rgb(255, 102, 0);"> 
           
           
      <span style="font-style: italic;">All
pictures are property of © uluwatu-shop and cannot be used
without the permission of uluwatu-shop.</span></span></span></td>
</tr>
</tbody>
</table>
<a href="http://www.nvu.com/"><img
alt="Document made with Nvu"
src="http://www.nvu.com/images/madewithNvu80x15clear.png"
border="0" /></a><br />
  <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>

vulture · Bericht door **vulture** » 8 maart 2006, 14:37

Hoi ik heb de code geknipt en geplakt in NVU. Je hebt gelijk in FF staat en blijft tie onafhankelijk van het beeldscherm mooi in het midden gepositioneerd. In IE gaat je website hellemaal naar de linkerkant toe.

pietjepuk · Bericht door **pietjepuk** » 8 maart 2006, 15:36

pat schreef:Gelukkig dat mijn site nog niet on-line is, ik zou beschaamd zijn
Ik plak hier even de bron. Voor mij is het alleszins Chinees. Alvast bedankt.

Ga naar regel 15 en verander margin-left: auto in margin-left: 200px

Je moet even uitproberen met welk getal alles naar wens blijft staan, het kan dus minder of meer dan 200 zijn.

pat · Bericht door **pat** » 8 maart 2006, 15:54

Ik denk dat ik dat gedaan heb

maar mijn bovenste tabel schuift dan naar helemaal links. Of heb ik iets verkeerd gedaan of niet helemaal je correctie juist uitgevoerd

pietjepuk · Bericht door **pietjepuk** » 8 maart 2006, 21:40

Ga in NVU naar regel 15 daar zie je;

style="width: 762px; height: 446px; text-align: left; margin-left: auto; margin-right: auto;"

verander margin-left: auto in margin-left: 200px

de code is dan als volgt;

style="width: 762px; height: 446px; text-align: left; margin-left: 200px; margin-right: auto;"

volgens mij moet het dan lukken.
Even uploaden klaar.

pat · Bericht door **pat** » 9 maart 2006, 3:29

Bedankt, inderdaad nu staat het logo en de buttons in het midden maar de tekst eronder van copyright.... staat niet mooi meer gepositioneerd onder de rest. Tot hier alvast bedankt.

Hugo Nienhuis · Bericht door **Hugo Nienhuis** » 24 april 2006, 19:34

Ook bij mij een rommeltje in IE! Met dank aan dit forum en wat speurwerk ben ik een ander probleem tegengekomen: bij een colspan van 4 en 140px breedte per kolom, verwacht IE een width van 560px. NVU laat dit op 140px staan.

Dit doet NVU:
<td colspan="4" rowspan="3"
style="height: 90px; width: 140px; vertical-align: top; font-family: Trebuchet MS;">

Om in IE en FF een goede lay-out te krijgen moet dat worden:

<td colspan="4" rowspan="3" style="height: 90px; width: 560px; vertical-align: top; font-family: Trebuchet MS;">

Is dit een probleem van NVU of heb ik ergens iets over het hoofd gezien?

BTW, ik ben nieuw, hallo allemaal

ByteWarrior · Bericht door **ByteWarrior** » 24 april 2006, 20:09

Wel, dat is dus één van de redenen waarom je beter géén tabellen gebruikt voor de lay-out. Met enkele div's heb je dat zo opgelost...

Hugo Nienhuis · Bericht door **Hugo Nienhuis** » 24 april 2006, 20:14

ByteWarrior schreef:Met enkele div's heb je dat zo opgelost...

ehh, enkele div's? heb je een voorbeeld daarvan? ik ben geen expert op html gebied ben ik bang..

nirwana · Bericht door **nirwana** » 24 april 2006, 22:07

Hugo Nienhuis schreef:ehh, enkele div's? heb je een voorbeeld daarvan? ik ben geen expert op html gebied ben ik bang..

Bytewarrior bedoelt dat je met div's en CSS-regels op een betere manier een website van opmaak kunt voorzien.
Zie http://www.handleidinghtml.nl/css/css-e ... ten01.html voor uitgebreide informatie over CSS en de mogelijkheden (van opmaak tot en met uitlijning en positionering).

Hugo Nienhuis · Bericht door **Hugo Nienhuis** » 25 april 2006, 7:35

Ok, bedankt voor de hulp!

Het gedeelte over position ziet er bruikbaar uit. Ik ga nog wat studeren