Får ej sidan att gå i botten...

17 svar · 1 056 visningar · startad av Akerlundh 24 jan. 2008

AkerlundhMedlem sedan maj 20031 682 inlägg

Frågan24 jan. 2008 22:47#1

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.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

  <div id="center">
   <div id="head">
    <a href="Default.asp"><div id="logga"></div></a>

    <div id="bottom" align="center"><p class="copyright">text här..</p></div>
   </div>
  </div>

</body>
</html>

FuelMedlem sedan okt. 20001 285 inlägg

25 jan. 2008 01:40#2

prova 100% height på body

AkerlundhMedlem sedan maj 20031 682 inlägg

25 jan. 2008 14:06#3

Nu funkade det.

Men fick ett annat problem istället.

<div id="bottom"></div

den ligger inte i botten utav sidan, hur löser jag detta?

silfverMedlem sedan apr. 200312 679 inlägg

25 jan. 2008 15:25#4

Lite off topic, men ett tips: I stället för att skriva margin: 0; margin-right: auto; margin-left: auto; så räcker det faktiskt med att skriva margin: 0 auto;

FuelMedlem sedan okt. 20001 285 inlägg

25 jan. 2008 16:19#5

hmm.. flytta <div id="bottom"> kanske..

<div id="center">
    <div id="head">
        <div id="logga"></div>
    </div>
    <div id="bottom"></div>
</div>

Inte rätt.. block element i inline

<a href="Default.asp"><div id="logga"></div></a>

Så här ska det vara..

<div id="logga"><a href="Default.asp" id="logotype"></a></div>

Styr sen #logotype { background-image:...; width:..; height:..; etc.. }

AkerlundhMedlem sedan maj 20031 682 inlägg

25 jan. 2008 19:20#6

Fuel skrev:

Inte rätt.. block element i inline
<a href="Default.asp"><div id="logga"></div></a>
Så här ska det vara..
<div id="logga"><a href="Default.asp" id="logotype"></a></div>
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.

AkerlundhMedlem sedan maj 20031 682 inlägg

25 jan. 2008 23:28#7

Någon annan som kanske kan hälpa mig med detta?

AkerlundhMedlem sedan maj 20031 682 inlägg

26 jan. 2008 18:33#8

Är det dåligt med folk här inne idag på något sätt? x(

voigtann1Medlem sedan juni 20019 519 inlägg

26 jan. 2008 18:37#9

http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html kanske kan hjälpa dig?

AkerlundhMedlem sedan maj 20031 682 inlägg

26 jan. 2008 18:54#10

Nej tyvärr.

<div id="logga"><a href="Default.asp" id="logotype"></a></div>

#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.

voigtann1Medlem sedan juni 20019 519 inlägg

26 jan. 2008 20:38#11

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 <div> runt din <a> tagg då den inte skall göra något specielt alls. I mina ögon ser det bara "konstigt" ut.

cayaMedlem sedan aug. 20051 448 inlägg

26 jan. 2008 20:39#12

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 ;)

jarvkloMedlem sedan juli 20013 378 inlägg

26 jan. 2008 20:52#13

Hmm...

Lägg till display:block för #logotype så bör det funka - <a id="logotype"> ä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 ;)

phredMedlem sedan nov. 2005314 inlägg

26 jan. 2008 22:08#14

div#center{width: 700px; height: 100%; margin:0 auto;}
div#footerMargin{height:100px;clear:both;}
div#footer{height:100px;margin-top:-100px;}


<div id="center">
<div>massa innehåll</div>
<div id="footerMargin"></div>
</div>
<div id="footer">Hejdå!</div>

Dont even go there bengt, det där är min melodi.

EDIT*

Akerlundh skrev:

Nu funkade det.

Men fick ett annat problem istället.
<div id="bottom"></div
den ligger inte i botten utav sidan, hur löser jag detta?

svarade på detta, men det kanske var löst ?

AkerlundhMedlem sedan maj 20031 682 inlägg

26 jan. 2008 22:19#15

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 <div> runt din <a> 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.

<a href="Default.asp"><div id="logga"></div></a>

Men då fick jag svar att jag skulle göra så här istället.

Fuel skrev:

Inte rätt.. block element i inline
<a href="Default.asp"><div id="logga"></div></a>
Så här ska det vara..
<div id="logga"><a href="Default.asp" id="logotype"></a></div>
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 ? :)

phredMedlem sedan nov. 2005314 inlägg

26 jan. 2008 23:41#16

lägg en onclick på logotype diven, annars så kan du väl skippa den helt och köra bakgrundsbild i <a bara ?

a.logo{width:100px; height:100px; display:block}

jarvkloMedlem sedan juli 20013 378 inlägg

27 jan. 2008 00:26#17

Akerlundh skrev:
<div id="logga"><a href="Default.asp" id="logotype"></a></div>

#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

jarvklo skrev:

Hmm...

Lägg till display:block för #logotype så bör det funka - <a id="logotype"> ä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å:

<div id="logga"><a href="Default.asp" id="logotype"></a></div>

#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 ;)

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

AkerlundhMedlem sedan maj 20031 682 inlägg

27 jan. 2008 01:20#18

jarvklo skrev:

Jadå, men du hade nog missat det jag föreslog härovan

Detta ger alltså:
<div id="logga"><a href="Default.asp" id="logotype"></a></div>

#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 ;)

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 !