div/css problem i firefox
hej!
jag håller på att göra en ny design till en portfolio sida...
allting ser jätte bra ut och funkar jätttte bra i ie men när jag ska testa i firefox så skiter det sig!
index.xhtml:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="Välkommen till popz.com" />
<meta name="Author" content="Adam Sandberg Ericsson" />
<meta name="Keywords" content="nått, nått" />
<title>Www.Popz.Com > Start</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/css.css" />
</head>
<DIV ID="meny">Start<BR />Bilder<BR />Portfolio<BR />Ego<BR />Info</DIV>
<DIV ID="innehall">
<P ID="rubrik">Välkommen!</P>
<P ID="text">Till min ego/portfolio sida.<BR />Här kan du hitta lite info om mig och vad jag har gjort.</P>
<P ID="nyhetsr">Nyhets rubrik</P>
<P ID="text">massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...massvis nyheter...</P>
<P ID="cright" ALIGN="right">Copyright © Adam Sandberg Ericsson - 2004</P>
</DIV>
</html>
css.css:
body
{
background: #FFFFFF;
}
a { text-decoration:none; color: Black; }
a:hover { text-decoration:none; color: #00008B; }
a:active { text-decoration:none; color: #00008B; }
a:visited { text-decoration:none; color: #000000; }
/* meny */
#meny
{
background: #F0F8FF;
border: 1px solid #9FD3FF;
left: 30px;
position: absolute;
top: 30px;
max-width: 130px;
width: 130px;
font-family: Verdana;
font-size: 10px;
font-weight: bolder;
padding: 3px 3px;
}
#meny a
{
text-decoration:none;
color: Black;
}
#meny a:hover
{
text-decoration:none;
color: #00008B;
}
#meny a:active
{
text-decoration:none;
color: #00008B;
}
#meny a:visited
{
text-decoration:none;
color: #000000;
}
/* Slut meny
Sak*/
#sak
{
background: #F0F8FF;
border: 1px solid #9FD3FF;
left: 30px;
position: absolute;
max-width: 130px;
width: 130px;
font-family: Verdana;
font-size: 10px;
font-weight: bolder;
padding: 3px 3px;
}
/* Innehåll */
#innehall
{
background: #F0F8FF;
border: 1px solid #9FD3FF;
left: 163px;
position: absolute;
top: 30px;
max-width:500px;
width: 500px;
font-family: Verdana;
font-size: 10px;
padding: 3px;
}
#innehall #rubrik
{
position: static;
font-family: Verdana;
font-size: 15px;
font-weight: bolder;
color: #00008B;
margin: 3px 0px 3px 3px;
}
#innehall #nyhetsr
{
position: static;
font-family: Verdana;
font-size: 13px;
font-weight: bolder;
color: #00008B;
margin: 3px 0px 3px 3px;
}
#innehall #text
{
position: static;
margin: 0px 0px 0px 6px;
color: #646464;
}
#innehall #cright
{
position: static;
margin: 10px 0px 0px 6px;
color: #8F8F8F;
}
problemet i fire fox är att den inte visar mina mellanrum som jag ska he emellan boxarna!!
nån som har en lösning skulle ja bli jätte glad dÅ!