Ups - videoens resultater er forskellige fra mine!

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46
Ups - videoens resultater er forskellige fra mine!

Indlæg af Josefine » 12. maj 2012, 18:21

Nu forstyrrer jeg jer lige igen :lol:


Jeg er i gang med at kigge lidt på den video om tabeller i CSS, men nu er jeg stødt på et problem. Mine koder ser præcis sådan ud:


I html

Kode: Vælg alt

<html>
   <head>
       <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <title>Dette er min 3. titel med "Dette er en testside" :)</title>
        <link rel="stylesheet" href="file:///Library/WebServer/Documents/NetBeansProjects/NetBeansProjects/CSS%20projekter/CSS%20layout%20(CSS%20fil).css" type="text/css"/>
   </head>
   
    <body id="table">
        
        <table>
            
            <tr>
                 <th>Overskrift 1</th>
                 
                 <th>Overskrift 2</th>
                 
                 <th>Overskrift 3</th>
                 
            </tr>
            
            
            
            <tr>
                
                <td>hej</td>
                
                <td>hej</td>
                
                <td>hej</td>
                
            </tr>
            
            
            
            <tr>
                
                <td>hej</td>
                
                <td>hej</td>
                
                <td>hej</td>
                
            </tr>
            
            
            <tr>
                
                <td>hej</td>
                
                <td>hej</td>
                
                <td>hej</td>
                
            </tr>
            
            
        </table>
        
        
        
        
    </body>
</html>

I css

Kode: Vælg alt

#table {
    
    border-style: solid;
    border-width: thin;
    border-color: #000000;
    
    
}

Men min ramme ligger ikke helt som i videoen. Sådan her ser det ud i Safari og Chrome (I må lige selv klikke på linkene, for billederne fylder ret meget):

http://i49.tinypic.com/6nxl51.png

Og sådan her ser det ud i Firefox:

http://i48.tinypic.com/2ymepab.png



What to do :?:

Brugeravatar
Daniel
Admin
Admin
Indlæg:625
Tilmeldt:14. jun 2011, 09:27
Geografisk sted:Danmark, Fyn, Nørre Aaby
Kontakt:

Re: Ups - videoens resultater er forskellige fra mine!

Indlæg af Daniel » 12. maj 2012, 19:02

Hej Josefine.

Det problem du er støt ind i er rigtig kendt blandt rigtig mange mennesker. :)

Det som jeg vil kalde det største mareridt inden for programmering er at tingene nogle gange eller tit ser forskellige ud i forskellige browsere.
Det er det som er sket i dit tilfælde her, lige som du har lavet det der ligger muligheden for divs der ikke, men normalt kan jeg klart anbefale dig t bruge divs i stedet da de er langt mere præcise at regne med, tabeller har altid været meget forskellige i browserne, og det er trist da de er rigtig gode at arbejde med i mange tilfælde.

Noget der dog ville kunne hjælpe dig med din CSS her er hvis du sætter nogle bestemte mål på din tabel, det vil højst sandsynligt give dig et langt mere præcist billede. :)

Håber at det gav mening. :)

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Ups - videoens resultater er forskellige fra mine!

Indlæg af Josefine » 12. maj 2012, 21:15

Nå okay - øv. Så må vi håbe, at tabeller ikke bliver livsnødvendigt for mig :P Men så holder jeg mig bare til divs, hvis de er mere kendte i alle bowsere :)

Hmm, kunne da være rart, hvis alle browsere gik efter de samme regler inden for programmering - nogen der ved, hvorfor browserproducenterne egentlig ikke bare finder en ordning sammen :?:

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Ups - videoens resultater er forskellige fra mine!

Indlæg af Josefine » 13. maj 2012, 17:12

Nej hvor er jeg dog ganske enkelt forfærdelig dum. Jeg har jo givet id'et til mit body-tag og ikke table-tagget. Hahaha :lol:

Nu virker det sjovt nok :roll: !

Besvar