Toon posts:

[css/htm]<style:padding-left.. en <table width=...

Pagina: 1

Acties:

85 views sinds 30-01-2008
Reageer

maandag 24 september 2001 20:38

Acties:

huistra

Topicstarter

Heb via een stylesheet een padding gedefinieerd voor de class uniek:

code:

1
2
3

<style type="text/css">
.inhoud {padding-left: 100px}
</style>

Deze komt als volgt terug in de tabeldefinitie:

code:

<table border="1" align="center">
  <tr> 
    <td background="images/rand_boven.jpg" height="63" >&nbsp;</td>
  </tr>
  <tr> 
    <td class="inhoud" background="images/rand1.jpg"> This is a tablecell with 
    a left padding</td>
  </tr>
  <tr> 
    <td background="images/rand_onder.jpg" height="74" >&nbsp;</td>
  </tr>
</table>

Maar het vreemde is dat zodra ik de table een width van 740 meegeef, netschaap de padding niet meer gebruikt en alles weer heerlijk tegen de rand zit, ik begrijp het echt niet meer...

edit:
iets dichter bij het probleem, maar ben er nog niet uit

maandag 24 september 2001 21:51

Acties:

r0bert

Hmm .. ik weet niet precies wat nou het probleem is/was maar het volgende werkt prima in IE5 & NS6:

code:

<html>

<head>

<style type="text/css">

.inhoud {
padding-left: 100px;
}

</style>

</head>

<body>

<table border="1" align="center">
    <tr> 
        <td background="images/rand_boven.jpg" height="63" >&nbsp;</td>
    </tr>
    <tr> 
        <td width="1000" class="inhoud" background="images/rand1.jpg"> This is a tablecell with a left padding</td>
    </tr>
    <tr> 
        <td background="images/rand_onder.jpg" height="74" >&nbsp;</td>
    </tr>
</table>

</body>

</html>

Het enige verschil is volgens mij de ';' na 100px in de style...

maandag 24 september 2001 21:57

Acties:

Wat als je ipv de <td> de padding meegeeft een divje om de tekst heengooit en daarop je class loslaat?

maandag 24 september 2001 22:36

Acties:

huistra

Topicstarter

edit:

lamar

maandag 24 september 2001 22:59

Acties:

huistra

Topicstarter

oke, the story continues:

Het een en ander gaat nu goed, alleen is het zo dat de padding erbij 'opgeteld wordt' in IE:

code:

<style type="text/css">
.inhoud {
padding-left: 50px;
}
</style>

</head>

<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" >


<table border="0" align="center"  cellpadding="0" cellspacing="0"  >
  <tr> 
    <td background="images/rand_boven.jpg" height="63" >&nbsp;</td>
  </tr>
  <tr> 
    <td  width="740" class="inhoud" background="images/rand1.jpg">This is a tablecell with 
    a left padding</td>
  </tr>
  <tr> 
    <td  background="images/rand_onder.jpg" height="73" >&nbsp;</td>
  </tr>
</table>


</body>
</html>

Waneer ik de padding groter dan 0 zet bijvoorbeeld 50, wordt in IE de table voor een gedeelte van 50 px ernaast geplakt. Ik krijg dus a.h.w. een extra brede table. Wanneer ik hem 0 maak, is het zoals het hoort, alleen dan heb ik dus geen padding meer...

hmmm, iemand?

dinsdag 25 september 2001 01:45

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Op maandag 24 september 2001 22:59 schreef huistra het volgende:
oke, the story continues:
Waneer ik de padding groter dan 0 zet bijvoorbeeld 50, wordt in IE de table voor een gedeelte van 50 px ernaast geplakt. Ik krijg dus a.h.w. een extra brede table. Wanneer ik hem 0 maak, is het zoals het hoort, alleen dan heb ik dus geen padding meer...

meen dat dat een msie5 bug is, die is in msie6 opgelost, alhoewel ik het misshien niet helemaal goed begrijp; iig kun je hier alle bekende bugs opzoeken, als hij er niet duidelijk in staat kun e ervan uitgaan dat je zelf ergens een fout gemaakt heeft.
maar meen me te herinneren dat er serieuse problemen waren met inline elements padding en margin
http://www.richinstyle.com/bugs/ie5.html#margin

edit: misschien een ideetje om specifiek ook de margin te definieren, het kan zijn dat default msie55 die gelijkstelt aan padding

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 25 september 2001 01:49

Acties:

width="740" in <table> ipv <td>

dinsdag 25 september 2001 11:04

Acties:

huistra

Topicstarter

Het zou wel een MSIE5.5 bug kunnen zijn, maar ik heb hetzelfde probleem in MSIE6.0

Het probleem is dus het volgende, ik wil binnen een cel graag de tekst laten inspringen en loop daarbij tegen de volgende problemen op:
1. het toevoegen van een extra kolom biedt geen soelaas omdat dan mijn opmaak met background images in de soep loopt in NS

2.gebruik het bovenstaande style dingetje, alleen zodra ik de width in de table definitie gooi, werkt het niet meer in NS, dus zet ik hem in de td definitie

3.alleen rekt MIE de cel uit met het aantal pixels dat ik de padding op instel en dan wordt de background images herhaalt, wat heel lelijk is. In netschaap gaat het wel goed

--> heb besloten het maar quick and dirty te doen met 2 blockqoutes, toch bedankt allen

Pagina: 1

Reageer