Hej alle
Jeg kunne godt tænke mig at vide, hvordan man ligger en menu
ovenpå et baggrundsbillede, således det både virker i Explorer og
Firefox. Jeg tror jeg har prøvet stort set alle muligheder og det
driller lige meget hvad jeg gør....
Jeg har et baggrundsbillede som står midt på siden og det er så
meningen at en menu skal gå på tværs, sådan ca. midt på siden.
Problemet er bare at når jeg bruger top-margin:px så virker det
fint nok i explorer, men i firefox rykker hele baggrundsbilledet
med.
Er der nogen som har en ide til hvad der går galt?
Jeg har nedenfor sat min kode ind, som den ser ud indtil videre -
der er jo ingen grund til at gå videre før end det basale virker.
Og så er der ikke så meget endnu så det burde være til at
overskue. Men jeg håber at I kan komme med gode ideer.
På forhånd tusind tak for hjælpen.
Pernille
CSS:
/*centrering i explorer*/
body {
text-align:center;
background-color: #000000;
}
..bodystyle {
background-color:#000000;
background-image:url(images/forsideny.jpg);
background-repeat:no-repeat;
}
..nystyle {
background-color:#000000;
background-image:url(images/underside1.jpg);
background-repeat:no-repeat;
}
/*centrering i fox*/
#fox_center{
width: 800px;
margin-left: auto;
margin-right: auto;
}
/*danner baggrund for selve siden*/
#container {
width: 800px;
height: 500px;
background-color: transparent;
text-align:center;
}
#menu{
width: 800px;
height:20px;
background-color:red;
text-align:left;
top-margin:
}
HTML:
<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Lau-Design</title>
<link rel="Stylesheet" type="text/css" href=""
<meta name="title" content="">
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<!-- center i firefox -->
<div id="fox_center">
<!-- hjemmesidens baggrund -->
<div id="container" class="bodystyle">
<div id="menu">
<a href="forside.html">Forside</a>
</div>
</div>
</div>
</body>
</head>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials