Avatar billede md_craig Nybegynder
13. august 2003 - 14:34 Der er 21 kommentarer og
1 løsning

CSS is buging me BIG TIME. Height og BG image.

Jeg er ved at side og opbygge en ny side, men CSS vil bare ikke som jeg vil...

NS 001: Baggrunds billede vises ikke...

.BannerTD
{
    background-image: Url("Build/Banner.jpg"); (denne vises ikke)
    width: 780px; height: 144px;
}
.MenuTD
{
    background-image: Url("Build/Menu.jpg"); (denne vises)
    width: 780px; height: 16px;
}

NE 002: Height 100% virker ikke ??

Når jeg har sat style="height: 100%;" ind i et Table der ligger direkte på Body'en... så burde det da blive 100% i højden ???

Det gør det ikke

NS = Netscape Fejl
NE = Netscape og Explorer Fejl

Og det kan være der kommer flere ting...
Og der vil naturligvis komme flere point jo flere tingder kommer...
Avatar billede bearhugx Nybegynder
13. august 2003 - 14:38 #1
evt. et link ?
Avatar billede md_craig Nybegynder
13. august 2003 - 14:42 #2
Nop... det ligger lokalt...
Avatar billede bearhugx Nybegynder
13. august 2003 - 14:47 #3
ok.. men så er der brug for noget kode - det hvor du bruger henholdsvis BannerTD og MenuTD-klasserne i hvert fald - gerne mere -feks. din css-definitioner osv...

Du har tjekket alle de simple ting (f.eks. at banner.jpg rent faktisk _ligger_ i build-biblioteket osv.)
Avatar billede md_craig Nybegynder
13. august 2003 - 14:55 #4
Default.asp
_______________________________________________________________________________

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<%@ Language=VBScript %>
<html>
<head>
        <title>Design Salg</title>
        <link rel="stylesheet" href="scheet.css" type="text/css" />
        <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1" />
        <meta http-equiv="Content-Type" content="text/html; CHARSET=ISO-8859-1" />
</head>
<body>
    <table align="center" cellspacing="0" style="height: 100%;">
        <tr>
            <td colspan="5" class="BannerTD"></td>   
        </tr>
        <tr>
            <td colspan="5" class="MenuTD"></td>
        </tr>
        <tr>
            <td colspan="5" class="SpacerTD"></td>
        </tr>
        <tr>
            <td class="M01TD">1</td>
            <td class="M02TD">2</td>
            <td class="M03TD">3</td>
            <td class="M04TD">4</td>
            <td class="M05TD">5</td>
        </tr>
        <tr>
            <td colspan="5" class="BottomTD"></td>
        </tr>
        <tr>
            <td colspan="5" class="BackgroundTD">&nbsp;</td>
        </tr>
    </table>
</body>
</html>
Avatar billede md_craig Nybegynder
13. august 2003 - 14:57 #5
Sheet.css
_______________________________________________________________________________

Body
{
    background-color: #003399;
    margin: 0px;
}

Table
{
    font-family: Tahoma, Sans-Serif, Verdana, Arial;
    font-size: 12px;
   
    border: 0px;
    padding: 0px;
}



.BannerTD
{
    background-image: Url("Build/Banner.jpg");
    width: 780px; height: 144px;
}
.MenuTD
{
    background-image: Url("Build/Menu.jpg");
    width: 780px; height: 16px;
}
.SpacerTD
{
    background-image: Url("Build/Spacer.jpg");
    width: 780px; height: 3px;
}
.BottomTD
{
    background-image: Url("Build/Bottom.jpg");
    width: 780px; height: 30px;
}
.BackgroundTD
{
    background-image: Url("Build/001.jpg");
    width: 780px; height: 100%;
}
Avatar billede md_craig Nybegynder
13. august 2003 - 14:57 #6
Det skal lige siges at NS fejlen er løst... den kunne ikke lide at jeg havde en "kommentar" i mit CSS...
Avatar billede roenving Novice
13. august 2003 - 15:05 #7
Kommentarer i css skrives:
/* kommentar */

Hvis du skal bruge 100% højde på elementer i body, skal du normalt:

html,body{
height:100%;
width:100%;
}

-- nåja jeg tog også lige width med i en hurtig første kommentar !-)
Avatar billede roenving Novice
13. august 2003 - 15:09 #8
-- og så skal du regne med at css tager en relativ angivelse (her 100&) fra den overliggende box-container, hvilket _nogen_ gange kan virke forvirrende, da DOM-hierarkiet er bestemmende, men ikke alle elementer kan tage box-egenskaber ...
Avatar billede md_craig Nybegynder
13. august 2003 - 15:12 #9
Tja ok... så sketer der da noget i IE, men ikke rigtigt i NS...

Men hvordan definere man så at en celle (TD) skal fylde det resterende af et table, så den ikke bare trækker felter fra hinanden...
Avatar billede md_craig Nybegynder
13. august 2003 - 15:13 #10
Sådan... fik lige tilføjet HTML foran body... så nu ser det ud som det skal i NS... men IE trækker cellerne fra hinanden... ;o/
Avatar billede roenving Novice
13. august 2003 - 15:37 #11
<table align="center" cellspacing="0" style="height: 100%;">
        <tr>
            <td colspan="5" class="BannerTD"></td>   
        </tr>
        <tr>
            <td colspan="5" class="MenuTD"></td>
        </tr>
        <tr>
            <td colspan="5" class="SpacerTD"></td>
        </tr>
        <tr>
            <td class="M01TD">1</td>
            <td class="M02TD">2</td>
            <td class="M03TD">3</td>
            <td class="M04TD">4</td>
            <td class="M05TD">5</td>
        </tr>
        <tr>
            <td colspan="5" class="BottomTD"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td colspan="5" class="BackgroundTD">&nbsp;</td>
        </tr>
    </table>
Avatar billede md_craig Nybegynder
13. august 2003 - 15:46 #12
Øhhh... det danner jo bare en andet problem, for hvordan definere jeg at denne tabel skal fylde resten af skærmen... for den skal jo ikke fylde 100% længere så...
Avatar billede roenving Novice
13. august 2003 - 16:01 #13
Jaeh, det er et problem ...

-- måske kan jeg få en ide !-)
Avatar billede md_craig Nybegynder
13. august 2003 - 16:07 #14
Jeg kan godt køre med det på min Body som Centreret baggrund der kune gentages lodret... men det giver ikke 100% det resultat jeg gerne vil have... ;o/
Avatar billede md_craig Nybegynder
13. august 2003 - 17:19 #15
Hmmm... nu begynder den på sjove ting igen...

Det Baggrunds billede jeg skal have til at køre helt i bund, det begynder at rykke en px til den ene side i enten IE eller NS forstået på den måde at hvis jeg laver den sådan at den gerne skulle passe ind, så ligger den 1px til højre i NS og hvis jeg så rykker det på plads i billedet, ja så vil den naturligvis hoppe 1px til venstre i IE... ;o?
Avatar billede roenving Novice
13. august 2003 - 17:32 #16
Det er fordi NS overholder standarden og sætter border _udenfor_ et element, det gør ie ikke !-)

-- har selv det samme problem på min egen side -- og har valgt at overse det !o]
Avatar billede md_craig Nybegynder
13. august 2003 - 17:49 #17
Hmmm... nu er problemet umiddelbart forsvundet igen.. ;o?...
This is wierd....
Avatar billede md_craig Nybegynder
14. august 2003 - 11:43 #18
Og så er probelemt tilbage... ;o/
Nu ligger baggrunden bare 1px til højre i både IE og NS...
Avatar billede roenving Novice
14. august 2003 - 11:55 #19
Der må være nogle forskelle vi kan spore ?-)
Avatar billede md_craig Nybegynder
14. august 2003 - 15:51 #20
Tja... men nu har jeg lagt et Table uden om, dvs. at jeg har et table direkte på min body som er 100% i højden... og så har jeg et table inde i det table, det er så der jeg har alt mit info osv...

og det ser PT ud til at virke... nu mangler der bare sidste skønhedsfejl... men den ender det nok med at jeg må leve med... ;o/... hvis jeg ikke finder på noget....
Avatar billede roenving Novice
14. august 2003 - 16:06 #21
Tjah, sådan er jeg også endt med at have bygget min side ...
Avatar billede md_craig Nybegynder
24. august 2003 - 22:48 #22
Hmm... Det irritere mig nu stadig... men kan ikke blive ved med at hænge i det problem.. så må lade det være uløst... selv om det ikke er noget jeg er glad for... Takker for hjælpen enyways...
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