få bilde til å strekke seg over hele side,,?

[xzibiz]

her er css koden som me bruker på sida vår..

Men me har litt problemer med at bakrunsbilde som ikkje strekker seg ned over sida..

SurfeZone.net

Det er bilde images/back.gif som ikkje vil strekke seg...

 

Bare legge til at det virker i iexplorer men ikkje i firefox og opera...

 

html, body {
height : 100%; 
min-height : 100%; 
} 
body {
background-color : #D2D2E3;
background-repeat : repeat-x;
background-position : center;
color : #000;
height : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0;
padding : 0;
} 
a:link {
color : #09485b; 
text-decoration : none; 
} 
a:visited {
color : #09485b; 
text-decoration : none; 
} 
a:hover {
text-decoration : none; 
} 
a:active {
color : #09485b; 
text-decoration : none; 
} 
#main {
background-image : url(images/back.gif);
width : 900px; 
height : 100%; 
margin : 0 auto; 
} 
#header {
background-image : url(images/head.gif); 
background-position : center; 
height : 171px; 
width : 881px; 
margin-left : 10px; 
} 
#meny {
height : auto; 
float : left; 
padding-left : 30px; 
padding-left : 30px; 
margin-top : 30px; 
} 
#bar {
float : right; 
} 
#content {
width : 420px; 
float : right; 
margin-top : 30px; 
} 
#innhold {
width : 600px; 
margin : 0 auto; 
height : auto; 
float : right; 
padding-right : 100px; 
padding-right : 100px; 
margin-top : 30px; 
} 
input {
margin-top : 4px; 
margin-bottom : 4px; 
font-size : 10px; 
} 
.hovedmeny {
width : 175px; 
height : 35px; 
} 
.minnhold {
background-image:url(images/mittmeny.gif);
width: 180;
height: auto;
}
.hbunn {
background-image:url(images/Untitled-2_03.gif);
width:180px;
height:30px;
}
.itop {
background-image:url(images/toppcontent.gif);
width:659px;
height:30px;
}
.iinnhold {
background-image:url(images/mittcontent.gif);
width: 645px;
height: auto;
}
.ibunn {
background-image:url(images/Untitled-2_04.gif);
width:659px;
height:31px;
}
ul {
margin : 0; 
padding : 0; 
} 
li {
list-style : none; 
list-style-type : none; 
padding-left : 20px; 
} 
li:hover {
border-right : 8px solid #0a586f; 
width : 108px; 
text-decoration : underline; 
} 
.borderon {
border-right : 8px solid #0a586f; 
width : 108px; 
} 
h1 {
color : #000000; 
font-size : 16px; 
font-weight : bold; 
margin : 0; 
margin-left : 10px; 
padding : 0; 
} 

 

 

edit: fiksa linken

Endret 3. februar 2006 av xzibiz_

[funkweb]

er da synd at linken ikke funker.!

[xzibiz]

har fiksa linken så den skal virke...

 

Men litt drid og.. det virker i iexplorer men ikkje i opera eller firefox,,,

[Ikkeibruk]

ja, det bruker å være sånn, Hvert fall i Mozillas Firefox

 

har aldri opplevd problemet i IE eller Opera...

 

Men prøv denne (tror ikke det funker):

 

html, body {

height : 100%;

min-height : 100%;

max-height : 100%;

}

body {

background-color : #D2D2E3;

background-repeat : repeat-x;

background-position : center;

color : #000;

height : 100%;

min-height : 100%;

max-height : 100%;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

margin : 0;

padding : 0;

}

[xzibiz]

nei virka ikkje det heller...

[qualbeen]

prøv å fjern alle 3 height's-ene fra #html,body,

og ta bort min-height og max-height fra #body

 

kode:

html, body { 
} 
body {
background-color : #D2D2E3;
background-repeat : repeat-x;
background-position : center;
color : #000;
height : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0;
padding : 0;
}

 

[Lars :)]

#main {
background-image : url(images/back.gif) repeat-y;
width : 900px;
height : 100%;
margin : 0 auto;
}

 

Får også en god del html-feil i koden din, prøv og rett de også.

Endret 4. februar 2006 av Lars Anders

[xzibiz]

då blei bare heile sida snudd opp ner... alt blei feil..