6 svar · 355 visningar · startad av monAmour
Hej,
Varför visas inte min bakgrundsbild i en DIV med följande:
#pageStructure {
position:absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 1;
display: block;
text-align: right;
background-image: url('images/background.gif');
background-repeat: no-repeat;
background-position: right;
background-attachment: fixed;
}
Det är inte nåt fel på den koden (så länge bakgrundsbilden ligger på rätt ställe).
Hur ser resten av sidan ut?
Skumt... så här ser min kod ut css och html
CSS
body #pageStructure {
background: #fff;
margin: 0px 0px 0px 0px;
color: #000;
}
#pageStructure {
position:absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 1;
display: block;
text-align: right;
background-image: url('images/background.gif');
background-repeat: no-repeat;
background-position: right;
background-attachment: fixed;
}
#leftColumn, #rightColumn {
background: #fff;
color: #000;
float: right;
text-align: left;
margin: 0px 0px 0px 0px;
}
#leftColumn {
padding: 50px 10px 10px 10px;
width: 415px;
margin-right: 30px;
}
#rightColumn {
padding: 0px 0px 0px 0px;
width: 183px;
margin-right: 50px;
}
HTML sida
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title> Albrektson Film & Television </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles/typo.css" title="typographpic style" media="all" />
<link rel="stylesheet" href="styles/structure.css" title="structure style" media="all" />
</head>
<body>
<div id="pageStructure">
<div id="rightColumn">
<img class="noBorder" src="images/redbox.gif" alt="" />
<div class="spacer">
</div>
asd
</div>
<div id="leftColumn">
<h1 class="header">Welcome to<br /> Albrektson Film & Television</h1>
<p class="standard">
Albrektson Television was established in 1991 by Benny Albrektson, former CEO of Albrektson & Hedberg Film & TV. During it's 10 years in business, the company has produced a vast number of commercial films, information films, TV & radio spots as well as graphic vignettes and graphic over-all solutions. The company has also been responsible for major campaigns like <cite>"City Stormarknad"</cite> and <cite>"Stjärnurmakarna"</cite>, spanning over several years and with more than 100 TV-commercials, radio spots, poster campaigns, Christmas specials and sponsored weather graphics.
</p>
<address>
<img src="images/addressDot.gif" class="noBorder" alt="" /><br /><br />
Albrektson Film & Television<br />
Telephone +46 8-33 96 03, Mobile +46 705-755 009<br />
Karlbergsvägen 56, S-113 37 Stockholm<br />
<a href="mailto:benny@albrektson.tv">benny@albrektson.tv</a>, <a href="http://www.albrektson.tv">[url]www.albrektson.tv[/url]</a>
</address>
</div>
</div>
</body>
</html>
Vill ha en bakgrund positionerad längst upp till höger på min site i lagret pageStrucutre bakom right och left column.
background-image: url(images/background.gif);
Det där borde funka. Lägg märke till att jag tog bort '.
Hmm....
Den relativa adressen du använder till bilden kommer att tolkas som
/styles/images/background.gif
i "vissa webbläsare" och
/images/background.gif
i "andra" (och dessutom olika beroende på <!DOCTYPE om jag inre missminner mig) .
Dvs en del webbläsare kommer att leta efter bilden relativt din CSS-fils adress och inte relativt sidans adress...
Prova att t.ex. lägga en absolut adress till din bild i CSS-filen istället.
Testa att lägga till ett kommatecken på första raden i din CSS så att den ser ut så här:
body, #pageStructure {
Fick det att funka nu, det var så att IE tolkade min sökväg till bakgrundsbilden från webbroten istället för relativt...