Peter Nielsen wrote in dk.edb.internet.webdesign.html:
> Lige præcis.. men for en go ordens skyld får i den lige igen.. og sorry for
> fejlen
> --->
>
> Hej NG..
>
> Jeg har lavet en tabel..
>
>
www.telebiksen.dk som i kan se så er den fin hvis man er på den her side:
>
http://www.telebiksen.dk/Default.asp?site=shop&id=2
> eller
>
http://www.telebiksen.dk/Default.asp?site=basket
>
> Der er bredden på midtertabellen som jeg gerne vil have den... og ja.. har
> brugt bredde i % for at den sådan ca holder det holder mellemrummet mellem
> hinanden og kanten uanset opløsning
>
> Men hopper du så ind på:
>
http://www.telebiksen.dk/Default.asp?site=products&id=4
>
> Og det er samme kode... bare mere tekst... så flyver bredden helt ud... er
> der nogle der kan se hvad jeg kan gøre for at den ik gør det?
>
> MVH
> Peter
>
>
Det hjalp på at få lov at se hvad det handler om.
Men...
Designet er tabeller inde i tabeller. Du har ganske rigtigt sat nogle %'er på
hist og her, blandet med faste størrelser...
Så vidt jeg kan se (IE7 - indrykninge er mærkelig, og hjælper ikke meget på
læsbarheden), er det gjort forkert...
f.eks har du :
<tr>
<td style="width: 21px; height: 23px;"><img src="images/topleft.gif"/></td>
<td style="width: 100%; height: 23px; background: url('images/topmid.gif');
text-align: left;"> </td>
<td style="width: 25px; height: 23px;"><img src="images/topright.gif"/></td>
</tr>
Den midterste bruger hele bredden, de to i siderne har faste bredder. Det kan
ikke lade sig gøre. Det viste vil forsøge at tilrette sig så godt som muligt -
her formentlig give de to i siderne den plads du skriver, og lade den midterste
fylde resten ( og det er formentlig hvad du har ment).
Det gøres ved ikke at give en width på den midterste - lade browseren selv
beregne den. Og det bør man i øvrigt altid gøre. Så er man sikker på ikke at
regne forkert selv... ;)
Og så angiver du bredde på den samme kolonne hele vejen ned ( i flere <td>'er,
i samme søjle), hvilket heller ikke er en god ide - du kan komme til at give
den samme kolonne forskellige bredder.
Derud over, så er den tabel-bredde du ikke kan forstå pakket ind i en td med
bredde 100%:
<td style="width: 100%; background: url('images/bg.gif'); text-align: center;
vertical-align: top;">
<table id="myTable" cellpadding="2" cellspacing="0" style="border-color:
#000000; border: 0px; width: 80%; height: 100%; border-collapse: collapse;">
<tr>
<td style="text-align: center;">
<table cellpadding="2" cellspacing="0" style="border-color: #000000; border:
0px; height: 100%; border-collapse: collapse;">
<tr>
<td style="vertical-align: top; text-align: left;">
<b>RJ-11 Male til Female/Female</b><br/>
Det vil browseren (som på det tidspunkt har opgivet at finde ud af dine
bredder...)nemt kunne fortolke som 80% af hele sidens bredde.
Og endelig er koden ikke ens på siderne, som du skriver...
Det tilsvarende i den oprindelige er :
<td style="width: 100%; background: url('images/bg.gif'); text-align: center;
vertical-align: top;">
forside
</td>
Der er en tabel med din tekst inde i en table inde i en td, i den du har
problemer med, mens din oprindelige har teksten direkte i den tilsvarende td..
Birger
Birger
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials