Avatar billede squazz Novice
01. april 2009 - 10:39 Der er 7 kommentarer og
1 løsning

Baggrundsbillede skal søge mod bunden

Hej eksperter

Jeg sidder og arejder på denne side:
www.squazz.dk/new/profil.php

Som I kan se, er den blå bar i bunden placeret helt i bunden, problemet er bare, at hjemmesiden bliver MEGET grim hvis jeg skal til at bruge scroll baren i højre side (hvis opløsningen er lille, eller hvis man gør vinduet mindre), prøv evt. selv at gøre vinduet mindre, det er nemmere at se end det er at forklare...

Jeg har brugt følgende CSS til baggrundsbilledet:

    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: -62px;
    background-image: url("../images/fyld_bund.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 62px;

Jeg er overbevist om at det er min position: absolute der giver problemer, men jeg ved bare ikke hvordan jeg ellers skal få baggrundsbilledet til at søge mod bunden.

Jeg håber I kan hjælpe, spørg gerne ind.
Avatar billede olebole Juniormester
01. april 2009 - 11:29 #1
<ole>

Prøv: 'position:fixed'.

Forøvrigt holder denne ikke:
    font-family: "trebuchet MS", "calibri, times new roman, arial, courier, serif";

Det skal være:
    font-family: "trebuchet MS", calibri, times new roman, arial, courier, serif;

- udover, at valget af alternative skrifter næppe giver den store mening. Hvorfor blande serif og sans-serif skrifter?

Dette er noget direkte vås:
    <!-- Søgeord, jo flere jo bedre -->
    <meta name="keywords" content="Squazz, squazz, Squazz.dk, squazz.dk, Squazz Inc. squazz inc. Kasper, kasper, Kasper Plougmann, kasper plougmann, plougmann, Plougmann, Plougmand, plougmand, Plovmand, plovmand, Plovmann, plovmann, ">

Jo færre søgeord, jo bedre ... helst kun 2-3 ord. Der er ingen tvivl om, at søgemaskinerne vil straffe dig for al den redundans, du har kørende  =)

Noget af det vigtigste i forbindelse med søgemaskiner er title-tagget, så det er da lidt i skoven at spilde det med 'Squazz.dk'.

/mvh
</bole>
Avatar billede squazz Novice
01. april 2009 - 19:37 #2
Hvis jeg bruger
    font-family: "trebuchet MS", calibri, times new roman, arial, courier, serif;
vil den ikke validere...

Det er da bedre med fixed, men man kan ikke udvide den yderligere? Så altid vil være nederst? Altså så den på intet tidspunkt vil komme til at ligge oven på siden?

Jeg vil prøve at rette keywords :)

Hmm, hvad kunne være godt at skive i title?
Avatar billede olebole Juniormester
02. april 2009 - 00:11 #3
Sorry:
    font-family: "trebuchet MS", calibri, "times new roman", arial, courier, serif;

"Det er da bedre med fixed, men man kan ikke udvide den yderligere? Så altid vil være nederst? Altså så den på intet tidspunkt vil komme til at ligge oven på siden?" >> Nej, så er du nødt til at bruge JavaScript - hvilket næppe er ønskeligt for at få et design til at holde. Men hvis du f.eks. laver padding på 60-70px i bunden af body elementet, er der ingen, der kan se forskel  ;o)

"Hmm, hvad kunne være godt at skive i title?" >> Det er et HTML-dokuments vigtigste element i SEO-sammenhæng. Det vægter Google meget tungt. H1-3 elementer er også meget vigtige, så dem bør du nok også bruge.
Avatar billede squazz Novice
04. april 2009 - 15:44 #4
"Men hvis du f.eks. laver padding på 60-70px i bunden af body elementet, er der ingen, der kan se forskel  ;o)"
Dette gør da ingen forskel?
Avatar billede olebole Juniormester
04. april 2009 - 19:14 #5
- gør det ikke?
Avatar billede squazz Novice
04. april 2009 - 20:20 #6
Ikke efter hvad jeg kan se på hjemmesiden...
Problemet er jo at hvis man har en mindre skærmopløsning, så stjæler mig baggrundsbillede simpelthen for meget af bunden på min side...
Du snakkede om noget Javascript... Jeg ved det ikke er ønskeligt, men hvis det er den eneste mulighed, er jeg villig til at give det en chance...
Avatar billede squazz Novice
30. april 2009 - 23:30 #7
Har du fundet på en mulig løsning? Kender du evt. til en løsning i javascript?
Avatar billede squazz Novice
08. september 2009 - 19:39 #8
det lader ikke til at der komme en løsning, jeg må leve uden... Ellers må jeg jo oprette et spørgsmål igen en anden gang.
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