Avatar billede super_glenn Nybegynder
21. juli 2004 - 00:16 Der er 10 kommentarer og
1 løsning

css virker tilsyneladene ikke?

hej eksperter jeg fik i går en css kode til at centere min side 100% men jeg kan ikke få det til at virke på min side den centere overhoved ikke. Måske er det noget med den tabel jeg bruger, jeg ved det ikke...
her er koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
<meta name="Generator" content="Stone's WebWriter 4">
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <title>Dead Centre</title>
        <style type="text/css" media="screen"><!--
body
    {
    color: white;
    background-color: #009;
    margin: 0px
    }

#content     
    {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: transparent;
    text-align: center;
    margin-top: -35px;
    margin-left: -125px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 70px;
    visibility: visible
    }

.bodytext
    {
    font-size: 14px
    }


--></style>
    </head>

    <body>
       
            <div id="content">

<table style="border: 0px solid black; background: #414141; width: 520px; height: 440px" cellspacing="20" rowspacing="0">

  <tr>
    <td style="background: white">



Indhold her....

</td>

  </tr>
</table>


            </div>
       
        </body>

</html>
Avatar billede steen_hansen Forsker
21. juli 2004 - 00:18 #1
Mangler du ikke <style> over

body
    {
    color: white;
    background-color: #009;
    margin: 0px
    }
.........

Desuden mangler du linket:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede steen_hansen Forsker
21. juli 2004 - 00:18 #2
<style>
body
    {
    color: white;
    background-color: #009;
    margin: 0px
    }
.........
</style>
Avatar billede syvon Nybegynder
21. juli 2004 - 00:19 #3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
<meta name="Generator" content="Stone's WebWriter 4">
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <title>Dead Centre</title>
        <style type="text/css" media="screen"><!--
body
    {
    color: white;
    background-color: #009;
    margin: 0px
    }

#content     
    {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: transparent;
    text-align: center;
    margin-top: -260px;
    margin-left: -220px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 520px;
    height: 440px;
    visibility: visible
    }

.bodytext
    {
    font-size: 14px
    }


--></style>
    </head>

    <body>
       
            <div id="content">

<table style="border: 0px solid black; background: #414141; width: 520px; height: 440px" cellspacing="20" rowspacing="0">

  <tr>
    <td style="background: white">



Indhold her....

</td>

  </tr>
</table>


            </div>
       
        </body>

</html>
Avatar billede syvon Nybegynder
21. juli 2004 - 00:24 #4
rettet en lille fejl

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

    <head>
<meta name="Generator" content="Stone's WebWriter 4">
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <title>Dead Centre</title>
        <style type="text/css" media="screen"><!--
body
    {
    color: white;
    background-color: #009;
    margin: 0px
    }

#content     
    {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: transparent;
    text-align: center;
    margin-top: -220px;
    margin-left: -260px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 525px;
    height: 440px;
    visibility: visible
    }

.bodytext
    {
    font-size: 14px
    }


--></style>
    </head>

    <body>
       
            <div id="content">

<table style="border: 0px solid black; background: #414141; width: 520px; height: 440px" cellspacing="20" rowspacing="0">

  <tr>
    <td style="background: white">



Indhold her....

</td>

  </tr>
</table>


            </div>
       
        </body>

</html>
Avatar billede super_glenn Nybegynder
21. juli 2004 - 00:24 #5
hey syvon (cool du svarer da det jo var dig der kom med koden i går =) ) det hjalp på det men den er ikke helt centret endnu... har det noget at gøre med 
    margin-top: -260px;
    margin-left: -220px;
?
Avatar billede syvon Nybegynder
21. juli 2004 - 00:25 #6
ja det har noget med
Avatar billede syvon Nybegynder
21. juli 2004 - 00:27 #7
ja det har noget med

margin-top: -260px;
margin-left: -220px;

at gøre.

ændre også lige denne der var kommet 5px for meget på:

width: 520px;
Avatar billede super_glenn Nybegynder
21. juli 2004 - 00:32 #8
arh my bad nu virker det thx syvon smid et svar
Avatar billede syvon Nybegynder
21. juli 2004 - 00:33 #9
svar :)

lige lidt tillæg der ikke noget der hedder rowspacing="0" det hedder rowspan="0" eller collspan="0"
Avatar billede super_glenn Nybegynder
21. juli 2004 - 00:35 #10
ok thx igen her point ;-)
Avatar billede syvon Nybegynder
21. juli 2004 - 00:36 #11
men efter hvad jeg kan se er det nok cellpadding="o" du ville have brugt

takker for points :)
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