Background: center center;

  • IT & mobiler
  • Trådstartare Trådstartare Spider84
  • Startdatum Startdatum
  • Svar Svar 5
  • Visningar Visningar 834
S

Spider84

Vill absolute inte fungera för mig. Alla andra varianter med top center, bottom, center o.s.v. fungerar fin fint, men givetvis inte den varianten jag vill ha: center center;
Någon som kan förklara det för mig eller hjälpa mig. Testade med middle center också men det fungerade inte alls (borde det inte göra heller iofs).
 
Sv: Background: center center;

center center borde fungera. Har du lagt till no-repeat? Du kan testa 50% 50% också. Men det låter som ngt annat är fel. Har du validerat CSS-koden? Kan ju bero på för många värden. Testa background-position:center center;.
Kan man ta en titt på sidan?
 
Senast ändrad:
Sv: Background: center center;

Har precis börjat på den så det är bara body jag har kodat för ännu (mer eller mindre).
Får samma resultat med 50% 50% = sidan hamnar i mitten på tvären, men på höjden så är halva bakgrunden över själva sidan så man inte ser den.

Så ser body ut:
body {
background-image: url(back.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #000;
}

Behöver du det kan jag slänga upp sidan. Är ju bara en bakgrund på den ännu så det räknas ju inte som reklam.
 
Sv: Background: center center;

Vet inte om jag förstod din beskrivning av hur det ser ut, men jag tror det.
Jag har "labbat" lite i Firefox med din CSS men till en egen (X)HTML-sida som innehåller meny, paragraf och lite smått och gott.

Om jag sätter
body * {
display:none;
}
..d.v.s "tar bort" alla element i min (X)HTML-fil så blir min bakgrundsbild centrerad horisontellt, men inte vågrätt. Eller jo, den blir ju centrerad, men halva bilden försvinner ovanför webbläsarfönstret, eftersom webbläsaren inte har något innehåll att centrera efter.

Testa att lägga till lite innehåll i din (X)HTML-fil och återkom sen :)
 
Sv: Background: center center;

Den halkade lite längre ner, men inte hela vägen.
Det jag funderar på är om jag inte får problem sedan när jag ska lägga in text som är längre än vad bakgrundsbilden är.

Det är en ram som är bakgrunden och texten ska givetvis hålla sig inom denna ram.
Blir det inte svårt att träffa in content med body så innehåll hela tiden håller sig rätt mot bakgrundsbilden i alla webläsare?

Kan jag ha body svart och sedan lägga bakgrundsbilden i #content?
 
Sv: Background: center center;

Rent spontant känns det smartare att sätta bakgrunden i #content istället :)
 

Liknande trådar

Kropp & Själ Jag tror att jag kan upplevas som smart. Jag läser mycket, har en akademisk utbildning och är bra på mitt jobb. Men jag har också läst... 2 3 4
Svar
65
· Visningar
3 187
IT & mobiler Vänder mig hit igen eftersom det blev så bra hjälp förra gången och för flera användare 😆 Har försökt googla men inte hittar något...
Svar
14
· Visningar
2 158
Senast: Cattis_E
·
Relationer Träffade min nuvarande sambo för ca 4 år sedan och vi har ett barn tillsammans som nu är ca 2 år. Förhållandet är inte alls bra och de... 4 5 6
Svar
106
· Visningar
11 957
Senast: monster1
·
Hundträning Jag funderar mycket just nu. Jag har bestämt att alltid ha 2 hundar. Jag har trivts med det men bestämt att inte skaffa mer pälsvård för...
Svar
13
· Visningar
788
Senast: Lillefrun
·

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Tillbaka
Upp