Avatar billede encorez Nybegynder
09. december 2003 - 21:51 Der er 5 kommentarer og
1 løsning

Ikke 100%

Hejsa eksperter

Prøv at knække denne nød!

Jeg har lavet en table, der har 100% bredde og 100% højde. Jeg har sat farve på border for at se hvad der sker. Jeg kan se den fylder hele browservinduet ud.
Så har jeg lavet et simpelt link inde i min table, der refererer den den samme side. Når man klikker på linket, kommer den samme side frem og den samme table, NÆSTEN. Tablen fylder hele siden ud, på nær det nederste højre hjørne af "firkanten" er rykket ind på midten. Det gør at bunden rykkes ca 10 px op og højre siden rykkes ca 1+ px til venstre.

Hvorfor sker dette?
Avatar billede Slettet bruger
09. december 2003 - 21:54 #1
Smid enten et link, eller kildekoderne.  :-)
Avatar billede encorez Nybegynder
09. december 2003 - 22:12 #2
det får du lige her
http://www.encorez.dk/new/
Avatar billede Slettet bruger
09. december 2003 - 22:34 #3
Jeg har rettet lidt i dine koder, indsat lidt CSS og fjernet height fra dine tabeller, da der ikke er noget som hedder height mere. Kun i CSS.
LIgeledes har jeg fjernet div. koder fra <body>-tagget, og sat dem over i CSS. Du manglede også "et par" margin og padding, dem har jeg også fyldt ud for dig.

Kig GRUNDIGT på koderne, for så har du et godt udgangspunkt til at arbejde videre med.  :-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="all">
body {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
   
.test1 {
    height: 100%;
    width: 100%;
    }
</style>




</head>

<body>
<table class="test1" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" width="">
  <tr>
    <td height="660">


<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#0000FF">
        <tr>
          <td>&nbsp;</td>
          <td></td>
          <td><img src="gfx/red_linje_top.gif" width="50" height="45"></td>
          <td><img src="gfx/hvid_firkant.gif" width="10" height="45"><img src="gfx/top_streg.gif" width="400" height="45"><img src="gfx/hvid_firkant.gif" width="10" height="45"></td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td height="500">&nbsp;</td>
          <td align="left" valign="middle"></td>
          <td rowspan="2" bgcolor="#990033">&nbsp;</td>
          <td><a href="index.php">til forsiden</a></td>
          <td background="gfx/lodret_streg.gif">&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td height="94" valign="bottom"><img src="gfx/bund_streg.gif" width="280" height="3"><img src="gfx/trans.gif" width="10" height="1"></td>
          <td height="94" valign="bottom"><img src="gfx/trans.gif" width="10" height="1"><img src="gfx/bund_streg.gif" width="400" height="3"><img src="gfx/trans.gif" width="10" height="1"></td>
          <td>&nbsp;</td>
        </tr>
      </table>
</td>
  </tr>
</table>
</body>
</html>
Avatar billede Slettet bruger
09. december 2003 - 22:36 #4
Du kan selv fjerne resten af height definitionerne, og flytte dem over i CSS-stylesheetet.
Bare følg eksemplet med  class="test1"  og lav nye classes.
Avatar billede encorez Nybegynder
09. december 2003 - 22:42 #5
takker, det virker jo. Men kan du give en kort forklaring på hvorfor den normale height og width ikke virker? Jeg synes da ellers jeg har brugt dem tidligere på samme måde uden dette problem
Avatar billede Slettet bruger
09. december 2003 - 22:50 #6
Height: Er en ikke understøttet definition, og de forskellige browsere aflæser dem derfor helt forskelligt. Hvis de da ikke bare melder fejl.

Width: Du havde defineret forskellige width i de forskellige td/tr/table-tags, men du skal også altid definere en overordnet størrelse for den overordnere (læs= første) tabel. Så har du nemlig fået defineret et maksimalt område, som de underliggende tabeller kan arbejde indenfor.

Og tak for point.  :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester