Gå til innhold

min-height virker i IE, men ikke i FF!

Torjus

Av Torjus
i Programmering og webutvikling

Anbefalte innlegg

Torjus

Torjus

Skrevet
Skrevet (endret)

Noen som kan gi meg en forklaring på hvorfor min-height fungerer i IE, men ikke i FF?

 

Det dreier seg om denne bakgrunnen:

bg.jpg

 

Den skal repetere seg nedover, i IE gjør den det, men ikke i FF! Hva kan være galt?

 

Link:

http://thinkfuzzy.net/hp/

 

 

HTML:

Klikk for å se/fjerne innholdet nedenfor
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>» thinkfuzzy.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>



	<div id="wrap">


<div id="venstrebg"><img src="images/venstrebg.jpg"></img></div>

<div id="main">	<div id="header"></div>



</div> <!-- slutt main -->

<div id="hoyrebg"></div>

<div id="meny">
<ul>
<li><a href="index.php" id="hjem"><span>hjem</span></a></li>
<li><a href="profil.html" id="profil"><span>profil</span></a></li>
<li><a href="bildegalleri.html" id="bildegalleri"><span>bildegalleri</span></a></li>
<li><a href="portefolje.html" id="portefolje"><span>portefolje</span></a></li>
<li><a href="kontakt.php" id="kontakt"><span>kontakt</span></a></li>
<div id="bunnmeny"></div>
</ul>
</div>

</div> <!-- slutt wrap -->

</body>
</html>

 

CSS:

Klikk for å se/fjerne innholdet nedenfor
* { margin: 0; padding: 0 }

body {
background: url(images/hovedbg.jpg) #aa0000 repeat-x;
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

#wrap{
background: url(images/bg.jpg) repeat-y;
margin: 0 auto; 
width: 1000px;
min-height: 100%!important;
}

#header
{
height: 172px;
width: 500px;
background: url(images/header.jpg) #FFFFFF center no-repeat;
}

#venstrebg
{
height: 491px;
width: 250px;
background: url(images/venstrebg.jpg) ##AA0000 no-repeat;
float: left;
}

#main
{
background: #FFFFFF;
display: block;
text-align: center;
margin: 0 auto; 
width: 500px;
float: left;
}

#hoyrebg
{
height: 397px;
width: 250px;
background: url(images/hoyrebg.jpg) #AA0000 no-repeat;
float: right;
}

#hoyremainbg
{
width: 250px;
background: url(images/hoyremainbg.jpg) repeat-y;
float: right;
}

#venstremainbg
{
height: 100px;
width: 250px;
background: url(images/venstremainbg.jpg) repeat-y;
float: left;
}




/* Meny */

#meny
{
width: 250px;
float: left;
background-color: #8f0100;
}

#meny ul
{list-style-type: none;}

a#hjem {
display: block;
background:url(images/hjem.gif) top no-repeat;
width:116px;
height:18px;
text-decoration:none;
}
a#hjem:hover {
background-position:bottom;
}
a#hjem span {
display:none;
}

a#profil {
display: block;
background:url(images/profil.gif) top no-repeat;
width:116px;
height:17px;
text-decoration:none;
}
a#profil:hover {
background-position:bottom;
}
a#profil span {
display:none;
}

a#bildegalleri {
display: block;
background:url(images/bildegalleri.gif) top no-repeat;
width:116px;
height:17px;
text-decoration:none;
}
a#bildegalleri:hover {
background-position:bottom;
}
a#bildegalleri span {
display:none;
}

a#portefolje {
display: block;
background:url(images/portefolje.gif) top no-repeat;
width:116px;
height:17px;
text-decoration:none;
}
a#portefolje:hover {
background-position:bottom;
}
a#portefolje span {
display:none;
}

a#kontakt {
display: block;
background:url(images/kontakt.gif) top no-repeat;
width:116px;
height:17px;
text-decoration:none;
}
a#kontakt:hover {
background-position:bottom;
}
a#kontakt span {
display:none;
}

#bunnmeny
{
display: block;
background:url(images/bunnmeny.gif) no-repeat;
width:116px;
height:8px;
text-decoration:none;
}

/* Tekst */
div#main p, div#sidebar p div#IE p
{
font-size: 0.8em;
text-align: left;
color: #000000;
line-height: 1.3em;
margin: 10px 5px 0px 10px; /* Margin: Top Right Bottom Left (T R B L) */
}

Endret av fUzZy^
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Torjus

Torjus

Skrevet
  • Forfatter
Skrevet
Skjønner ikke helt problemet ditt. Den repeterer seg jo på det blildet også?

7176056[/snapback]

 

Nei?

 

Se under dette bildet:

 

venstrebg.jpg

 

 

...på siden...

 

Der som jeg har markert med gult nå så skal det være en bakgrunn/gradient:

 

post-42881-1162136739_thumb.jpg

 

 

...og siden det er søndag og jeg kjeder meg så laget jeg en gif animasjon for å forklare bedre hva jeg mener:

 

post-42881-1162137252_thumb.gif

Lenke til kommentar
Fløffi

Fløffi

Skrevet
Skrevet

jeg spurte om dette før i forumet men ingen kom opp med noen løsning :/ jeg har laget en footer der clear:both; får bakgrunnsbildet til å følge hele siden ned. her er css'en

 

div#footer {
width:726px;
height:109px;
background:url(gfx/footer.jpg) no-repeat bottom center;
padding:0 8px 0 8px;
clear:both;
}

 

du trenger jo ikke sette inn noe bilde som bakrunn om du ikke vil ha noen "slutt" på den hvite stripa :)

Lenke til kommentar
Torjus

Torjus

Skrevet
  • Forfatter
Skrevet (endret)

Okey, skal prøve det :)

 

EDIT:

 

Ok, nå prøvde jeg med denne koden snutten:

 

#footer {
width:500px;
height:109px;
background: #000000 bottom center;
clear:both;
}

 

Og la

 

<div id="footer"></div>

 

i bunn av main, men det virket ikke :(

Endret av fUzZy^
Lenke til kommentar
Torjus

Torjus

Skrevet
  • Forfatter
Skrevet
min-height har aldri fungert i IE :)

 

Om eg forstår problemet ditt riktig, kan du jo bruke denne metoden til å få bakgrunnen til å repetere til bunn uansett. Ikkje tenk på tittelen på fila osv, den viser eigentleg noko anna, men kan brukast til fleire ting :)

7179950[/snapback]

 

TUSEN TAKK! Det fikset problemet mitt :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...