IE<>Firefox
Hej EksperterI IE ser mit design rigtigt ud, men i Firefox er der en "lille" ting der driller, nemlig at der ikke er den samme margin på hver side af ydreramme/indhold tags'ene. Er ikke sikker på hvor det går galt, men her er CSS'en:
@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
}
body {
background:#7F878F none repeat scroll 0%;
color:#333333;
font-family:Arial,Helvetica,sans-serif Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:auto;
text-align:center;
}
#page {
background-color:#FF9933;
margin:55px auto auto auto;
padding:0px;
width:750px;
height:600px;
text-align:center;
}
#top {
background:transparent url(../billeder/header.jpg) no-repeat scroll 0%;
height:110px;
width:750px;
}
#navi {
font-size:12px;
font-weight:bold;
left:330px;
margin:auto;
padding:90px;
width:650px;
height: 37px;
}
#navi ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:right;
}
#navi li {
display:inline;
margin:12px;
}
#navi li a {
color:#797549;
font-size:1.25em;
line-height:1em;
text-decoration:none;
}
#navi li a:hover {
color:#330000;
}
#ydreramme {
background-color:#EDEBD6;
font-size:14px;
width:750px;
border-color: #FFCC00;
height:400px;
padding-top:30px;
margin-top:25px;
text-align:center;
position:inherit;
left: auto;
top: 155px;
}
#indhold {
padding-top:15px;
background-color:#787548;
width:710px;
height:300px;
position:inherit;
}
#indhold p, h1, h2 {
margin-left:5px;
padding:10px;
text-align:left;
}
#profil {
height:170px;
margin-bottom:0px;
margin-left:0px;
margin-top:0px;
width:170px;
}
Sitet kan ses på: http://www.skanvision.com/forside.html
På venstre side af boksen mangler der et eller andet i Firefox. Hvad kan jeg gøre for at rette op på det?
På forhånd tak.
