--- title: "Får ej sidan att gå i botten..." type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/168403-får-ej-sidan-att-gå-i-botten" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Akerlundh" published: "2008-01-24T22:47:07.000Z" updated: "2008-01-27T01:20:37.000Z" replies: 17 views: 1062 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/168403-får-ej-sidan-att-gå-i-botten" --- # Får ej sidan att gå i botten... ## #1 — Akerlundh, 2008-01-24T22:47Z Jag vill att min sida ska gå i från toppen till botten utav webbläsaren men lyckas inte. Det är denna koda jag använder mig utav i css filen. ``` body {margin: 0; padding: 0; background: #000000;} #center {width: 700px; height: 100%; margin: 0; margin-right: auto; margin-left: auto;} #head {width: 700px; height: 100%; margin: 0; background: url(bg.jpeg) repeat-y;} #logga {width: 600px; height: 250px; margin: 0; background: url(logga.jpg); margin-right: auto; margin-left: auto;} ``` Och denna koden använder jag mig utav i index filen. ```
``` Permalänk: https://www.webforum.nu/p/168403 ## #2 — Fuel, 2008-01-25T01:40Z prova 100% height på body Permalänk: https://www.webforum.nu/p/2075560 ## #3 — Akerlundh, 2008-01-25T14:06Z Nu funkade det. Men fick ett annat problem istället. ```
kanske.. ```
``` Inte rätt.. block element i inline ```
``` Så här ska det vara.. ```
``` Styr sen #logotype { background-image:...; width:..; height:..; etc.. } Permalänk: https://www.webforum.nu/p/2075669 ## #6 — Akerlundh, 2008-01-25T19:20Z > **Fuel skrev:** > > Inte rätt.. block element i inline > > ``` >
> ``` > > > Så här ska det vara.. > > ``` >
> ``` > > > Styr sen #logotype { background-image:...; width:..; height:..; etc.. } Så du menar att jag ska skriva denna koden i CSS filen då > \#logga {width: 600px; height: 250px; margin: 0 auto;} > \#logotype {background-image: url(logga.jpg); width: 600px; height: 250px; margin: 0 auto;} Får det inte att funka. Men kan ha missförstått det hela. Permalänk: https://www.webforum.nu/p/2075736 ## #7 — Akerlundh, 2008-01-25T23:28Z Någon annan som kanske kan hälpa mig med detta? Permalänk: https://www.webforum.nu/p/2075779 ## #8 — Akerlundh, 2008-01-26T18:33Z Är det dåligt med folk här inne idag på något sätt? x( Permalänk: https://www.webforum.nu/p/2075882 ## #9 — voigtann1, 2008-01-26T18:37Z kanske kan hjälpa dig? Permalänk: https://www.webforum.nu/p/2075884 ## #10 — Akerlundh, 2008-01-26T18:54Z Nej tyvärr. ```
#logga {width: 600px; height: 250px; margin: 0 auto;} #logotype {background-image: url(logga.jpg); width: 600px; height: 250px; margin: 0 auto;} ``` Jag får inte den koden att visa någon bild. Permalänk: https://www.webforum.nu/p/2075889 ## #11 — voigtann1, 2008-01-26T20:38Z 1\. Lägg upp sidan + bilden. För jag tror du har bilden på ett annat ställe än vad din CSS fil ligger. 2\. Varför har du en \ runt din \ tagg då den inte skall göra något specielt alls. I mina ögon ser det bara "konstigt" ut. Permalänk: https://www.webforum.nu/p/2075900 ## #12 — caya, 2008-01-26T20:39Z > **Akerlundh skrev:** > > Är det dåligt med folk här inne idag på något sätt? x( ja halv åtta en lördagkväll borde väl webforum egentligen krylla av folk ;) Permalänk: https://www.webforum.nu/p/2075901 ## #13 — jarvklo, 2008-01-26T20:52Z Hmm... Lägg till display:block för #logotype så bör det funka - \ är ett inline-element "by default". Funkar det ändå inte efter det, så gör som voigtann1 sa, dvs kolla upp var du har bilden i förhållande till CSS:en i filsystemet ;) Permalänk: https://www.webforum.nu/p/2075904 ## #14 — phred, 2008-01-26T22:08Z ``` div#center{width: 700px; height: 100%; margin:0 auto;} div#footerMargin{height:100px;clear:both;} div#footer{height:100px;margin-top:-100px;} ``` ```
massa innehåll
``` Dont even go there bengt, det där är min melodi. EDIT\* > **Akerlundh skrev:** > > Nu funkade det. > > Men fick ett annat problem istället. > > > ``` >
``` > > > den ligger inte i botten utav sidan, hur löser jag detta? svarade på detta, men det kanske var löst ? Permalänk: https://www.webforum.nu/p/2075909 ## #15 — Akerlundh, 2008-01-26T22:19Z > **voigtann1 skrev:** > > 1\. Lägg upp sidan + bilden. För jag tror du har bilden på ett annat ställe än vad din CSS fil ligger. > 2\. Varför har du en \ runt din \ tagg då den inte skall göra något specielt alls. I mina ögon ser det bara "konstigt" ut. Nu ska vi se om jag lyckas förklara här :) Den koden hade jag innan. Så när man trycker på den Diven, alltså i den diven där loggan är så kommer man till Default.asp. > \\
\\ Men då fick jag svar att jag skulle göra så här istället. > **Fuel skrev:** > > Inte rätt.. block element i inline > > ``` >
> ``` > > > Så här ska det vara.. > > ``` >
> ``` > > > Styr sen #logotype { background-image:...; width:..; height:..; etc.. } Men jag lyckas inte få det att fungera. Så det är väldigt enkelt. Jag har en DIV där jag har logga som backgrund, trycker man sedan på den diven så kommer man till Default.asp Är ni med nu ? :) Permalänk: https://www.webforum.nu/p/2075910 ## #16 — phred, 2008-01-26T23:41Z lägg en onclick på logotype diven, annars så kan du väl skippa den helt och köra bakgrundsbild i \
> > #logga {width: 600px; height: 250px; margin: 0 auto;} > #logotype {background-image: url(logga.jpg); width: 600px; height: 250px; margin: 0 auto;} > ``` > > > > \[...\] > Jag har en DIV där jag har logga som backgrund, trycker man sedan på den diven så kommer man till Default.asp > > Är ni med nu ? Jadå, men du hade nog missat det jag föreslog [härovan](http://www.webforum.nu/showthread.php?p=1386958#post1386958) > **jarvklo skrev:** > > Hmm... > > Lägg till display:block för #logotype så bör det funka - \ är ett inline-element "by default". Funkar det ändå inte efter det, så gör som voigtann1 sa, dvs kolla upp var du har bilden i förhållande till CSS:en i filsystemet ;) Detta ger alltså: ```
#logga {width: 600px; height: 250px; margin: 0 auto;} #logotype {[b]display: block;[/b] background-image: url(logga.jpg); width: 600px; height: 250px; margin: 0 auto;} ``` Detta är (bortsett från onclick-rådet) exakt samma sak som phred föreslår eftersom du redan har id:t #logotype på länken . [Testa](http://member.webforum.nu/2241/akerlundhslogga.html) ;) Om det efter det inte visas någon bild för dig beror det antagligen på att din bild inte ligger i samma katalog i din webbservers filsystem som den CSS du visat upp här (I CSS refereras bilder utifrån den katalog där CSS-koden ligger, och inte från den katalog där din sida ligger - och det är viktigt att tänka på om du (vilket för övrigt inte framgår av din kod ;) ) kör med en extern CSS-fil om inte annat ;). Är du med nu ? :birp Permalänk: https://www.webforum.nu/p/2075924 ## #18 — Akerlundh, 2008-01-27T01:20Z > **jarvklo skrev:** > > Jadå, men du hade nog missat det jag föreslog [härovan](http://www.webforum.nu/showthread.php?p=1386958#post1386958) > > > Detta ger alltså: > > ``` >
> > #logga {width: 600px; height: 250px; margin: 0 auto;} > #logotype {[b]display: block;[/b] background-image: url(logga.jpg); width: 600px; height: 250px; margin: 0 auto;} > ``` > > Detta är (bortsett från onclick-rådet) exakt samma sak som phred föreslår eftersom du redan har id:t #logotype på länken . > > [Testa](http://member.webforum.nu/2241/akerlundhslogga.html) ;) > > Om det efter det inte visas någon bild för dig beror det antagligen på att din bild inte ligger i samma katalog i din webbservers filsystem som den CSS du visat upp här (I CSS refereras bilder utifrån den katalog där CSS-koden ligger, och inte från den katalog där din sida ligger - och det är viktigt att tänka på om du (vilket för övrigt inte framgår av din kod ;) ) kör med en extern CSS-fil om inte annat ;). > > Är du med nu ? :birp Nu e jag med :e Va det inte svårare än så? Haha Tack alla som hjälpt mig med detta ! Permalänk: https://www.webforum.nu/p/2075925 --- Tråden på webben: https://www.webforum.nu/amne/html-css/168403-får-ej-sidan-att-gå-i-botten