CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hoplaringen Nybegynder

21. april 2009 - 10:41 Der er 15 kommentarer og
1 løsning

Skaler baggrund med css

Hej Eksperter.

Jeg så forleden denne side:
http://www.pilgrim.dk/da/Pages/Default.aspx

Jeg kan godt lide at baggrundsbilledet skalere alt efter hvor stort browservinduet er.

Jeg er ikke sikker på at løsningen i eksemplet er lavet i css.
Men kan jeg lave den effekt med et baggrundsbillede i css?
Kan nogen hjælpe.

På forhånd tak.
HR

Synes godt om

fusion-it Nybegynder

21. april 2009 - 10:54 #1

Jeg tror det er lavet med javascript
<body id="pageBody" onresize="doResize();" onload="java script:_spBodyOnLoadWrapper();injectBackgrounds();doResize();">

Good luck

Synes godt om

hoplaringen Nybegynder

21. april 2009 - 10:57 #2

Tak for info.
Jeg har fundet følgende:
img.g200 {/* scalable em size class 200 x 200 graphics */
width: 100%;
height: 203px;
}

og det får billedet til at skalerer hvis jeg indsætter det sådan:
<img src="images/baggrund_main.jpg" class="g200" />

Men det hjælper jo ikke meget når det skal være som baggrund

Synes godt om

fusion-it Nybegynder

21. april 2009 - 11:05 #3

Jeg har ikke hørtom dette kan laves i CSS (ikke så det validere)

Om der findes noget klamp man kan sætte sammen, som så virker i nogen browsere og ikke i andre ved jeg ikke muligvis.

det link du hendviser til er det lavet i java script:)

Måske nogeen kan flette det du har sammen med body BG ;)

Synes godt om

fusion-it Nybegynder

21. april 2009 - 11:07 #4

En ting er du kan lide det ;)
må jeg spørge hvad grunden er til du gerne vil lave det i CSS og ikke javascript?
Hviklen fordele skulle der være ved denne løsning ?

Synes godt om

hoplaringen Nybegynder

21. april 2009 - 11:08 #5

Stacking snakker de om her:
http://www.webmasterworld.com/forum21/2357.htm

men jeg tror du har ret.
Det bliver noget klamp.

Jeg lader tråden være åben hvis nogen skulle ligge inde med en løsning.

På forhån tak.

Synes godt om

hernsth Nybegynder

21. april 2009 - 11:09 #6

Som fusion-it skriver, så er det javascript!
brug den body han har skrevet sammen med denne fil: http://www.pilgrim.dk/Style%20Library/ProActive_Pilgrim_Womens/Basic/Js/resize.js

Mvh

Synes godt om

hoplaringen Nybegynder

21. april 2009 - 11:11 #7

Fusion-IT. Køre det ikke mere "smooth" i css. Det gør den test jeg har lavet med scale image ihvertfald.

Med JS skifter billedet først størrelse når man slipper vinduet :-)

Dette gælder for mac, firefox og safari. Ikke explorer på PC kan jeg lige se.

Synes godt om

hoplaringen Nybegynder

21. april 2009 - 11:14 #8

haha og så selvfølgelig også fordi jeg ikke har en hak forstand på Java..... :)

Synes godt om

fusion-it Nybegynder

21. april 2009 - 11:42 #9

Jo men hvad hjælper det hvis det ikke virker i alle browser?

Personligt ville jeg finde en anden løsning og stadig tænke opløsninger som de flese bruger har.

Jeg må da lige høre er det en special opgave du har eller er det bare gennerelt du skulle bruge dette her ?

Synes godt om

hoplaringen Nybegynder

21. april 2009 - 12:04 #10

Jeg så bare siden jeg henviser til og var nysgerrig om det kunne laves i css.

Synes godt om

fusion-it Nybegynder

21. april 2009 - 12:59 #11

;))

Synes godt om

roenving Novice

21. april 2009 - 15:12 #12

Et baggrundsbillede har i browseren den størrelse, som det har fysisk, uanset hvad du ellers finder på, så hvis du skal bruge forskellige størrelser, må du bruge img-tags med relativ størrelse ...

-- en anden løsning er at redirecte til sider med forskellig størrelse baggrundsbillede efter browser-størrelse, men det er noget rod med de nuværende implementeringer af html-javascript binding i de forskellige browsere ,-(

Synes godt om

hoplaringen Nybegynder

22. april 2009 - 09:51 #13

Jeg vil lukker her.
Jeg fandt aldrig en god løsning på problemet.

Mange tak for interessen.
Hvis nogen mener de skal have points så svar ;-)

Synes godt om

OskarRough Nybegynder

22. april 2009 - 11:35 #14

Jeg legede med bg-resize for et stykke tid siden. Tag et kig på siden her: http://www.josefineriis.dk - var det noget? Siden fucker i IE6 fordi menuen og baggrund er fixed, men det behøver de jo ikke være i et andet design.

Synes godt om

hoplaringen Nybegynder

22. april 2009 - 11:45 #15

OskarRough.

Nice site!
Det kigger jeg lige nærmere på....

Synes godt om

fusion-it Nybegynder

22. april 2009 - 12:16 #16

Jeg samler ikke på point men du fik i aller højeste gard belyst dit spørgsmål.

Konklusionen må da være dette ville være noget bix at lave;)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS