Avatar billede Dan Hansen Juniormester
15. august 2008 - 22:16 Der er 9 kommentarer og
1 løsning

tabel absolut midt i skærmen

Jeg har rodet lidt med hvordan jeg får min "START Centreret tabel" placeret i midten af skærmen - altså både horisontalt og vertikalt.

Horisontalt har jeg fået den til, men kan ikke få den til det vertikalt.

Her er koden for siden!

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    background-color: #999999;
}
-->
</style></head>

<body>
<!-- START Horisontal midt placeres tabel -->
<table style='width:100%;height:100%;' border='0px' cellspacing='0px' cellpadding='0px'>
  <tr>
    <td valign="middle" align="center">
        <!-- START Centreret tabel -->   
        <table summary="cell for background picture" align="center" width="900" border="0" cellspacing="0" cellpadding="0" background="waterdrop4.jpg">
            <tr align="center">
              <td height="650" valign="middle">
                <!-- START Idre tabel til fyld -->
                <table summary="Cell for text and menu" width="900" height="607" border="0" cellspacing="0">
                  <tr align="center">
                    <td width="900" height="150" colspan="4">&nbsp;</td>
                  </tr>
                  <tr valign="middle">
                    <td width="900" height="400" colspan="4">&nbsp;</td>
                  </tr>
                  <tr>
                    <td height="130" width="225" bgcolor="#66CC66">&nbsp;</td>
                    <td height="130" width="225" bgcolor="#0066FF">&nbsp;</td>
                    <td height="130" width="225" bgcolor="#FFCC33">&nbsp;</td>
                    <td height="130" width="225" bgcolor="#EE4848">&nbsp;</td>
                  </tr>
                </table>
                <!-- END Idre tabel til fyld -->
              </td>
            </tr>
        </table>
        <!-- END Centreret tabel -->
    </td>
  </tr>
</table>
<!-- END Horisontal midt placeres tabel -->
</body>
</html>


På forhånd tak.
Dan
Avatar billede victor22 Nybegynder
15. august 2008 - 23:25 #1
I ccs fil - (Stylesheet) kan du angive hvor du gerne vil have den til at være.

body {// Ud over skrift - størrelser osv
    margin-right:175px;
    margin-left:175px;
    background-image:url...
   
    height:150px;
   
}

Stylessheet er gode for den definere det hele således at det bliver det sammen for alle sider
Håber på at jeg har forstået dit spørgsmål korrekt.
Avatar billede roenving Novice
16. august 2008 - 02:07 #2
-- hvis du skal placere en ting absolut i midten af skærmen, kan tabeller benyttes (de kan det faktisk uden særlige problemer uanset indholdet !-) ellers skal du måske kigge på http://www.wpdfd.com/editorial/thebox/deadcentre4.html (men så skal du kende størelsen !-)
Avatar billede Dan Hansen Juniormester
27. oktober 2008 - 14:04 #3
roenving - jeg er lidt interesseret i at vide hvordan med tabeller!
Jeg er nu kommet videre med designet og skal så have den til det - men det virker ikke som om jeg kan få den til at centreret lodret - men kun vandret.
Vil du ikke lavet et eksempel?
Avatar billede w13 Novice
27. oktober 2008 - 14:12 #4
Du kan ikke centrere lodret uden at kende skærmstørrelse/størrelsen på elementet, som skal centreres. Ellers må du ud i noget JavaScript.

Men hvorfor du bruger så mange tabeller i stedet for f.eks. div-tags, forstår jeg ikke.
Avatar billede Dan Hansen Juniormester
27. oktober 2008 - 14:28 #5
kender ikke rigtig div tagget... har aldrig brugt det! læser lige om det...
Avatar billede w13 Novice
27. oktober 2008 - 14:34 #6
Det er bare en gennemsigtig/usynlig kasse, som man så kan style med CSS. Men du sparer simpelthen så meget kode ved at bruge det i mange tilfælde. Egentlig skal tabellen kun bruges til at vise tabulære data.
Avatar billede roenving Novice
27. oktober 2008 - 15:41 #7
Centrering lodret laver du ved at sætte hele siden i en en-celles tabel, du så sætter til at fylde det hele ...

<style type="text/css">
html,body{margin:0;padding:0;height:100%;font-family:tahoma, verdana, arial, sans-serif;font-size:small;}
#myCenterTable{width:100%;height:100%;}
#myContent{width:800px;height:500px;margin:auto;background-color:a3a;}
</style>

<table id="myCenterTable">
  <tr>
    <td>
      <div id="myContent">
        <!-- Dit indhold" -->
      </div>
    </td>
  </tr>
</table>

-- bemærk at du også skal sætte højde på html og body !-)

Og selv ville jeg aldrig benytte en lodret centrering, da det ikke er egentligt nødvendigt, med en rimelig højde sker der intet ved at indhldet starte fra toppen !o]
Avatar billede Dan Hansen Juniormester
28. november 2008 - 22:26 #8
Super roenving - det ser godt ud.
Jeg hopper på din løsning.
Vil du ligge et svar?
Avatar billede roenving Novice
29. november 2008 - 10:41 #9
Velbekomme '-)
Avatar billede roenving Novice
29. november 2008 - 12:43 #10
-- 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
Vi tilbyder markedets bedste kurser inden for webudvikling

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