Avatar billede simoom Nybegynder
30. september 2006 - 19:04 Der er 8 kommentarer og
1 løsning

Firefox viser ikke baggrundsfarve på div

Jeg har testet følgende side i explorer og firefox, og resultatet er ret forskelligt:

http://orkidevinduet.dk/test_nyt_design.php

Den første div er uden indhold, men er der er design hensyn. Explorer viser div'en fint mens forefox ikke vil give den nogen breder. Den næste div er der indhold i men, her ignoreres
background-color i denne sætning.

<div style='border: 0px dashed #333; width=100%; background-Color=#476375;float:right'>

Et andet bispøgsmål er at når man bruger h1 m.fl. så laves der automatisk et mellemrum til teksten nedenunder der vil jeg gerne undgå. Så et tip på den front ville også blive værdsat.

Jeg har ganske givet lavet en helt banal fejl, men hvad?
Avatar billede Slettet bruger
30. september 2006 - 19:12 #1
Prøv at afslutte float:right med ;

<div style='border: 0px dashed #333; width=100%; background-Color=#476375;float:right;'>

/1
Avatar billede Slettet bruger
30. september 2006 - 19:12 #2
ahh. du har brugt =.. skal være :

<div style='border: 0px dashed #333; width: 100%; background-Color: #476375;float:right;'>

/1..
Avatar billede simoom Nybegynder
30. september 2006 - 19:28 #3
se det hjalp, ihvertfald på den ene div.

Disse div'er virker dog stadigvæk ikke:

<div style='border: 0px dashed #333; width: 100%; background-Color: #476375;float:right;'>

<div style='border: 0px dashed #333; width:200px; height=100%; background-Color=#B1A87F;float:right;'>
<br>
<h2><font color=white size=-1><b>Forbehold:</b> Vi er klar over der ikke er nogen entydig formular for hvordan orkideer bør og skal dyrkes. Ej heller står vi til ansvar for eventuelle fejl eller mangler i databasen, men modtager gerne kommentarer.
</font></h2></div>

Den sidste div "skubber" også ned.

Explorer viser det som jeg havde håbet på, men jeg vil jo gerne være kompatibel.

Har næsten lyst til at gå tilbage til tabeller, men ......

Hjælpen indtil videre er dog værdsat, men vil også gerne have de andre problemer løst.

Ny version med rettelser er loadet op.

mvh/Karen
Avatar billede Slettet bruger
30. september 2006 - 21:50 #4
Du har 100% på din ene div (tabellen i div'en er 100%).

<div style='width: 200px; float: right;'></div>
<div style='float: right;'>
  <table style='width: 100%;'>

Der står at du vil have den første div til at være ved siden af den anden div.. men da den anden div er 100% kan den ikke være på samme linje.

Til dette layout vil jeg foreslå at du bruger table i stedet. div's er super gode i nogen sammenhænge, men det synes jeg ikke her.

En anden ting jeg har lagt mærke til er at du har specificeret doctype 4.01 strict. for det første skal doctype være det første i dit dokument - dvs. det også skal stå før <html>.

Der er en masse ting, der ikke lever op til strict (såsom text attribute på dit body-tag, brugen af font, center tags - og der er sikkert flere steder, hvor dokumentet ikke lever op til 4.01 strict standarten).

Ud over det er der en del syntax-fejl (bl.a. at sætte style='width=100%;' når der i stedet for = skal stå : - og så er der i starten inden for style-tagget defineret properties for a, som går igen som attributter for body-tagget (LINK, VLINK, ALINK - som forøvrigt heller ikke lever op til standarten for strict).

Hvis det har interesse vil jeg godt lave det om så det virker i begge browsere samt lever op til strict standarten..

/1.
Avatar billede simoom Nybegynder
01. oktober 2006 - 11:43 #5
Jeg har nu prøvet at lave det med tabeller, men jeg kan ikke få farveren i top baren til at møde med søjlen ud til højre.

Se:
http://www.orkidevinduet.dk/test_nyt_design_table.php

S¨råd modtages stadigvæk gerne. Jeg vil også gerne leve op tilstandarden, så tiups der vil også blive meget værdsat. Og så var der det med at <h1> og h2 laver et mellem rum, kan jeg fjerne det via style?

Troede lige jeg kunne lave det hele med div'er, men bare det ser rigtigt ud så er det ikke så vigtigt.

Mange tak for hjælpen :)
Avatar billede Slettet bruger
01. oktober 2006 - 20:35 #6
Så nu har jeg fiflet lidt med det og fået det til at leve op til W3 standarten for strict. Jeg har ikke kunnet få valideret css koden - får nogle fejl som tyder på &aring; &aelig; og &oslash; laver problemer i validatoren.. hvis du også vil have W3 valid css, bliver du nok nødt til at poste en referance til dette spm i et spørgsmål under css kategorien.

Jeg har testet i både IE og Firefox og det ser ens ud.

Strict standarten bygger på at formatering skal ske enten via style attributten på et element eller via et stylesheet/styletag.

Dette betyder at elementer som font ikke supporteres i denne standart.

Du kan selv validere din side ved at gå ind på denne side og se, hvilke afvigelser der er fra standarten - http://validator.w3.org/
Tilsvarende side for css - http://jigsaw.w3.org/css-validator/

/1

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
    <head>
        <title>Orkide Vinduet - dit vindue ind i orkideernes verden</title>
        <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
        <META name="description" content="Orkide Vinduet, med Orkide Database, beskrivelser af enkelte arter og deres familie, artikler om dyrkning og andre aspekter, boganmeldelser og meget mere.">
        <META name="keywords" content="orkide, orkideer, phalaenopsis, dendrobium, dyrkning, kultur">
        <META name="author" content="Karen Frederiksen">
        <META name="generator" content="Karen Frederiksen">
        <META name="contributors" content="Karen Bjerre Frederiksen, Tom Steenberg">
        <meta name="robots" content="index, follow">

        <style type='text/css'>
            body
            {
                color: #807466;
                background-color: #ECE9D4;
                margin: 0px 10px 0px 10px;
            }
            table
            {
                border-collapse: collapse;
            }
            .menu_table
            {
                width: 100%;
                color: #9D9731;
            }
            .menu_table td
            {

                vertical-align: middle;
                font-weight: bold;
                width: 14%;
            }
            .menu_table img
            {
                border: 0px;
                vertical-align: middle;
            }
            td
            {
                vertical-align: top;
            }   
            A:link {text-decoration: none ; color:#9D9731}
            A:visited {text-decoration: none ; color:#9D9731;}
            A:active {text-decoration: none ; color:#9D9731;}
            A:hover {text-decoration: none ; color:#9D9731;}
        </style>
    </head>
    <body>
        <table style='width: 100%; height: 100%;'>
            <tr>
                <td>
                </td>
                <td style='height: 10px; background-color: #B1A87F;'>
                </td>
            </tr>
            <tr style='background-color: #476375; text-align: center;'>
                <td style='width: 100%;'>
                    <h1 style='color: #FFFFFF; font-family: Lucida Calligraphy;'>
                        Orkide Vinduet
                    </h1>
                    <table class='menu_table'>
                        <tr>
                            <td>
                                <a href='orkidedata.php' style='vertical-align: middle;'>
                                    <img src='logo/ny_data.gif' alt='Orkide Database - med arts og kultur information'>
                                    Database
                                </a>
                            </td>
                            <td>
                                <a href='genus_overview.php'>
                                    <img src='logo/ny_genus.gif' alt='Orkide familiens sl&aelig;gttr&aelig;'>
                                    Sl&aelig;gtstr&aelig;
                                </a>
                            </td>
                            <td>
                                <a href='orkidefoto.php?mappe=thumb&amp;list=A'>
                                    <img src='logo/ny_foto.gif' alt='Orkide Fotomapper: billeder af alverdens orkideer'>
                                    Fotomappe
                                </a>
                            </td>
                            <td>
                                <a href='artikler.php'>
                                    <img src='logo/ny_tip.gif' alt='Orkide artikler om pasning, botaniske emner og meget mere    '>
                                    Artikler
                                </a>
                            </td>
                            <td>
                                <a href='boger.php'>
                                    <img src='logo/ny_bog.gif' alt='Orkide b&oslash;ger, hvad kan anbefales'>
                                    B&oslash;ger
                                </a>
                            </td>
                            <td>
                                <a href='links.php'>
                                    <img src='logo/ny_link.gif' alt='Orkide links'>
                                    Links
                                </a>
                            </td>
                            <td>
                                <a href='omos.php'>
                                    <img src='logo/ny_info.gif' alt='Lidt om historien bag OrkideVinduet'>
                                    Info
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <div style='width: 200px; text-align: center;'>
                        <img src='logo/nyt_OV.gif' style='width: 100px;' alt=''>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <table style='height: 100%; margin: 5px;'>
                        <tr>
                            <td style='width: 67%; background-color: #FFFFFF;'>
                                <table style='background-color: #B1A87F; width: 100%;'>
                                    <tr>
                                        <td>
                                            <h2 style='color: #34414A; font-style: italic; font-weight: bold;'>
                                                Velkommen til Orkide Vinduet
                                            </h2>
                                        </td>
                                    </tr>
                                </table>
                                <div style='width: 308px;float:right; text-align: center;'>
                                    <img src='fotos/Dendrobium_griffithianum.JPG' style='width: 300px; border: 4px solid #245371;' alt=''>
                                    <br>
                                    <span style='font-weight: bold;'>
                                        Ejer:
                                    </span>
                                    Tom Steenberg & Karen Frederik
                                    <br>
                                    <span style='font-weight: bold;'>
                                        Fotograf:
                                    </span>
                                    Copyright Tom Steenberg
                                </div>
                                Orkide Vinduet er stedet hvor jeg deler ud af mine tanker og gl&aelig;den ved at dyrke orkideer.
                                <p>
                                    Det hele startede med at jeg lavede en access database til at holde styr p&aring; vores egne orkideer. Og da arbejdet nu var lavet s&aring; kunne man lige s&aring; godt dele det. Orkide Databasen indeholder dog i dag en hel del flere orkideer end hvad jeg lige selv dyrker. K&aelig;resten er lige s&aring; glad for orkideer og tager mange billeder, som s&aring; ogs&aring; findes her p&aring; siderne.
                                <p>
                                    Derudover findes der ogs&aring; fotoalbums med rigtig mange arter repr&aelig;senteret, artikler om orkide kultur og meget mere.
                                <p>
                                    Jeg h&aring;ber at du syntes om siderne og h&aring;ber at I ogs&aring; vil dele jeres gl&aelig;de ved orkideer med mig og mange andre, evt ved at tilmelde jer <a href='http://forum.orkideer.dk'>Dansk Orkideforum</a>
                                <p style='font-style: italic;'>
                                    Med venlig hilsen<br>Karen Frederiksen & Tom Steenberg
                            </td>
                            <td style='width: 33%; background-color: #FFFFFF;'>
                                <table style='background-color: #B1A87F; width: 100%;'>
                                    <tr>
                                        <td>
                                            <h2 style='color: #34414A; font-weight: bold; font-style: italic;'>
                                                Aktuelt:
                                            </h2>
                                        </td>
                                    </tr>
                                </table>
                                <p>
                                <table style='width: 100%;'>
                                    <tr>
                                        <td>
                                            <img src='logo/logo_akt.gif' alt=''>
                                        </td>
                                        <td>
                                            <span style='font-weight: bold;'>
                                                Opsplitning af Laelia
                                            </span>
                                            <br>
                                            <span style='size: -1em;'>
                                                Genstudier har vist at de brasilianske Laelia arter er n&aelig;rt besl&aelig;gtet med Sophronitis, s&aring; n&aelig;rt at de b&oslash;r kaldes Sophronitis. Vent dog med at skifte navne skiltene.
                                                <br>
                                                Nyt: l&aelig;s mere om opslitningen her: <a href='artikler.php?titel=laelia_vs_sophronitis'>"Laelia eller Sophronitis"</a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <img src='logo/logo_akt.gif' alt=''>
                                        </td>
                                        <td>
                                            <span style='font-weight: bold;'>
                                                Ny artikel
                                            </span>
                                            <br>
                                            <span style='size: -1em;'>
                                                Her er tips til hvordan man s&oslash;ger orkide information p&aring; nettet:
                                                <a href='artikler.php?titel=internettet'>"Orkideer & Internettet"</a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <img src='logo/logo_akt.gif' alt=''>
                                        </td>
                                        <td>
                                            <span style='font-weight: bold;'>
                                                OrkideForum
                                            </span>
                                            <br>
                                            <span style='size: -1em;'>
                                                Orkidevinduet har sl&aring;et sit forum sammen men <a href='http://www.orkideer.dk'>DOK</a>'s nye forum.
                                                S&aring; kom og snak orkideer p&aring; <a href='http://forum.orkideer.dk'>Dansk Orkideforum</a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <img src='logo/logo_akt.gif' alt=''>
                                        </td>
                                        <td>
                                            <span style='font-weight: bold;'>
                                                Opdateret d.26-7-06
                                            </span>
                                            <br>
                                            <span style='size: -1em;'>
                                                OrkideDatabasen, bogsiden m.fl. er nu opdateret med nyt design. Flere nye <a href='artikler.php'>artikler</a> er ogs&aring; tilf&oslash;jet. <a href='log.htm'>Loggen.</a>
                                            </span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                <td style='background-color: #B1A87F;font-size: -1em; color: #FFFFFF; font-weight: bold;'>
                    <br>
                    Forbehold: Vi er klar over der ikke er nogen entydig formular for hvordan orkideer b&oslash;r og skal dyrkes. Ej heller st&aring;r vi til ansvar for eventuelle fejl eller mangler i databasen, men modtager gerne kommentarer.
                </td>
            </tr>
        </table>
    </body>
</html>
Avatar billede simoom Nybegynder
01. oktober 2006 - 23:01 #7
Jeg er meget taknemmelig, jeg vil gøre mit bedste for at holde koden ren. Så ingen andre behøver rede mig ud af mit eget rod igen.

Kan jeg nu lokke dig til at lægge et svar, selvom point ingen reel værdi har så har du mere end fortjent dem.
Avatar billede Slettet bruger
02. oktober 2006 - 00:00 #8
Velbekommen. Point betyder alligevel ikke noget - bare folk værdsætter min hjælp og selv bidrager med det de kan når andre (migselv inkluderet) har brug for hjælp.

Vh Mathias.
Avatar billede simoom Nybegynder
02. oktober 2006 - 09:27 #9
Nu får jeg det helt skidt, det er vist er par år siden jeg har tjent et hæderligt point her på eksperten, prøvede før i tiden at tjene lige så meget som jeg brugte, men man falder jo af på den når man ikke programmerer vil hverdag. Men værdsat er det.
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