[css] tabel doet raar - Softwareontwikkeling

maandag 24 september 2007 21:56

Acties:

Topicstarter

de site: http://berlboth.12gbfree.com/

als je op foto klikt komt er in de content een tabel van 472px breed. het iframe heeft een breedte (die 18px is de scrollbar) maar, zoals je ziet is er bij msie 6 onderin een verticale scrollbar.

Als ik het iframe 600px maak is deze scrollbar er nog steeds. De scrollruimte is altrijd 18px. Deze komt door het plaatsen van de vertical scrollbar. Maar de content is max 472px breed.

Hoe kan dit?

Cascading Stylesheet:

body.content{
    background-color:#a618a3;
 margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}
table.foto{
  visibility: visible;
  margin-top: 15px;
  margin-right:5px;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 472px;
  left: 0px;
   top: 0px;

}
td{

  width: 118px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  text-align: center;
  height: 118px;
  vertical-align: middle;
  padding-left: 0px;
}



th{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  height: 40px;
  width:472px;

}

en de html:

HTML:

<body class="content">

<table class="foto" cellspacing="0" cellpadding="0" border="0">
<tr><th colspan="4">Test</th></tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
  </tr>
</table>

</body>

definitie iframe in de index:

HTML:

1	<iframe ALLOWTRANSPARENCY id="contentframe" name="content" src="content.html" scrolling="auto" frameborder="0" width="500px" height="500px" marginwidth="0" marginheight="0"></iframe>

if broken it is, fix it you should

dinsdag 25 september 2007 00:03

Acties:

Boelie-Boelie

Je geeft die tabel margins mee: die worden meegeteld bij de breedte van de tabel.

Cogito ergo dubito

dinsdag 25 september 2007 09:28

Acties:

elgringo

Topicstarter

Dat snap ik, maar als ik het frame breeder maak, blijft toch die horizontale scrollbar van 18px actief.
margins weg helpen niet, margins anders werken ook niet. (die 18px is de breedte verticale scrollbar)

Margins op 0 werkt niet.

[ Voor 8% gewijzigd door elgringo op 25-09-2007 09:29 ]

if broken it is, fix it you should

dinsdag 25 september 2007 11:00

Acties:

Cartman!

Misschien niet helemaal waar je op zit te wachten...maar waarom gebruik je hier iframes voor? Anno 2007 kun je beter een semantische pagina bouwen zonder alles in tables te zetten.

Ook heb je meerdere <body>'s vanwege de advertentie van de host. Mijn advies: begin met betalen voor hosting zodat je daar geen last van hebt, kun je al n hoop problemen mee voorkomen.

dinsdag 25 september 2007 18:22

Acties:

elgringo

Topicstarter

Dat is totaal niet ter sprake. Ik heb voor iframes gekozen voor de opmaak en layout, maar vooral om van te leren gezien ik nog nooit met js heb gewerkt.
Die table wil ik gebruiken omdat het amkkelijk is vol te gooien en alles en goed uitziet.

Die 2de body krijg ik er gratis bij (en is ook gratis weer weg

Vooralsnog heeft die extra body geen problemen veroorzaakt.

if broken it is, fix it you should

dinsdag 25 september 2007 18:32

Acties:

iH8

gebruik van iframes heeft totaal niets te maken met het leren van js.

Aunt bunny is coming to get me!

dinsdag 25 september 2007 18:34

Acties:

elgringo

Topicstarter

Ik heb de body van de inhoud een vaste breedte meegegeven (deze is 18px minder dan het frame) en nu werkt het

if broken it is, fix it you should

dinsdag 25 september 2007 18:37

Acties:

mithras

elgringo schreef op dinsdag 25 september 2007 @ 18:22:
Dat is totaal niet ter sprake. Ik heb voor iframes gekozen voor de opmaak en layout, maar vooral om van te leren gezien ik nog nooit met js heb gewerkt.

iframes heb je niet nodig om javascript te leren, noch heb je javascript nodig om dit ontwerp te realiseren.

Die table wil ik gebruiken omdat het amkkelijk is vol te gooien en alles en goed uitziet.

Dat is precies het punt wat /me Cartman! aanhaalt omdat het semantisch niet een juiste keuze is en deze oplossing behoort tot een oplossing uit 1998. Tegenwoordig zijn er stukken betere manieren om dit op te lossen en het is zonde van het internet om deze html te gebruiken.

Die 2de body krijg ik er gratis bij (en is ook gratis weer weg
Vooralsnog heeft die extra body geen problemen veroorzaakt.

Maar een tweede body is syntactisch niet correct. Een body is een hoofdgedeelte van de site, te zien als een canvas waar je alles op tekent (w3c specs), en hoe stel jij je een tweede canvas dan voor in de browser

Probeer goede html te leren, daar heb je later veel meer baat bij!

dinsdag 25 september 2007 23:51

Acties:

Cartman!

elgringo schreef op dinsdag 25 september 2007 @ 18:22:
Dat is totaal niet ter sprake.

Wel dus, zolang je blijft vasthouden aan achterhaalde technieken kun je weinig hulp verwachten van de mensen met kennis betreffende dit onderwerp. Wat je nu doet is een probleem omzeilen op ranzige manier die veroorzaakt wordt door syntax fouten en een verkeerde denkwijze, daar leer je niets van...integendeel. Leer het nu in 1 keer goed, daar heb je zoveel meer aan. Geloof me.

Btw: het leren van javascript staat echt los van iframes inderdaad.