fandt fejlen, undskyld for spam og ulejligheden, hvordan fjerner jeg indlæget ??det hele virkede før jeg begyndte på php delen, der sker 2 forskellige ting i ie og firefox.
firefox laver et ekstra ben et sted, og ie kan ikke samle snoren scrap med scrap benet.
og det irritere mig helt vildt, for det er det vigtigeste inden for det funktionele i siden sådan set.
der er tale om følgende side:
http://www.halfleg.dk/v1/ -
har ingen idé om hvor fejlen ligger, derfor giver jeg hele koden herunder.
ved godt det er uoverskueligt at se på, men det er bare en class der bliver sat aktiv af hvilken ref der er sat i adresse linjen.
håber nogle kan se fejlen for jeg er helt blank på den, på forhånd mange tak!
<?php
//Her spørges om der er modtaget en værdi af variablen "ref" i adressen linjen. Hvis det
er tilfældet sættes variablen "kategori" til det samme som ref.
if (isset($_GET['ref']))
{ $kategori = ($_GET['ref']);
}
//Hvis scriptet ikke har modtaget "ref" sættes variablen "kategori"
if (!isset($_GET['ref']))
{ $kategori = work;
}
if ( $kategori == work) {
$scrap = legScrap;
$work = legWorkActive;
$contact = legContact;
}
elseif ( $kategori == scrap) {
$scrap = legScrapActive;
$work = legWork;
$contact = legContact;
}
elseif ( $kategori == contact) {
$scrap = legScrap;
$work = legWork;
$contact = legContactActive;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style2.css" type="text/css" media="screen">
<title>Halfleg.dk | <?php echo $kategori; ?></title>
</head>
<body>
<div id="top">
<img src="pic/smush.gif" width="156" height="75" class="left">
<div id="wood">
<a href="" id="radio">
</a>
</div>
</div>
<div class="lineWork">
</div>
<a href="index.php?ref=work" id="<?php echo $work ?>">
</div>
<div class="lineScrap">
</div>
<a href="index.php?ref=scrap" id="<?php echo $scrap ?>">
</a>
<div class="lineContact">
</div>
<a href="index.php?ref=contact" id="<?php echo $contact ?>">
</a>
<div id="brdcontent">
<?php
include("incl/$kategori/index.html")
?>
</div>
<div id="corners">
<img src="pic/topbrdlft.png" class="topbrdlftcorner">
<img src="pic/topbrdrght.png" class="topbrdrghtcorner">
<img src="pic/btmbrdlft.png" class="btmbrdlftcorner">
<img src="pic/btmbrdrght.png" class="btmbrdrghtcorner">
</div>
<div id="brdsides">
<div id="brdtop">
</div>
<div id="brdleft">
</div>
<div id="brdright">
</div>
<div id="brdbottom">
</div>
</div>
</body>
</html>
__
og min css kode.
@charset "utf-8";
/* CSS Document */
body {
background-image: url("pic/wall.gif");
background-color: #fee77b;
color: #fffed4;
font-size: 16px;
margin: 0 0 0 0;
image-border: 0px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
h1 {
color: #FFFFFF;
font-size: 18;
text-decoration: none;
}
text {
font-family: Verdana, "Helvetica", Tahoma, Arial;
}
#top {
position: absolute;
width: 100%;
height: 74px;
margin: 0 0 0 0;
background-image: url("pic/bgwall.gif");
}
#brdcontent {
position: absolute;
background-color: #000000;
overflow: auto;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 3;
}
#corners {
position: absolute;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 2;
}
#brdsides {
position: absolute;
width: 50%;
height: 60%;
margin-left: 43%;
margin-top: 15%;
z-index: 1;
}
#brdtop {
position: absolute;
background-image: url("pic/topbrd.png");
width: 100%;
height: 45px;
display: block;
top: -45px;
}
#brdbottom {
position: absolute;
background-image: url("pic/btmbrd.png");
width: 100%;
height: 45px;
display: block;
bottom: -45px;
}
#brdright {
position: absolute;
background-image: url("pic/brdrght.png");
width: 45px;
height: 100%;
display: block;
right: -45px;
}
#brdleft {
position: absolute;
background-image: url("pic/brdlft.png");
width: 45px;
height: 100%;
display: block;
left: -45px;
}
.topbrdrghtcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
right: -45px;
top: -45px;
}
.topbrdlftcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
left: -45px;
top: -45px;
}
.btmbrdrghtcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
right: -45px;
bottom: -45px;
}
.btmbrdlftcorner {
position: absolute;
width: 45px;
height: 45px;
display: block;
left: -45px;
bottom: -45px;
}
#radio {
position: relative;
width: 65px;
height: 40px;
display: block;
float: left;
}
#wood {
position: relative;
background-image: url("pic/wood.png");
width: 450px;
height: 65px;
display: block;
float: right;
}
.right {
position: relative;
float: right;
}
.left {
position: relative;
margin: 0 0 0 0;
float: left;
}
.lineScrap{
position: absolute;
background-image: url("pic/line.png");
height: 70%;
width: 150px;
margin-top: 0px;
margin-left: 15%;
margin-right: auto;
}
#legScrap {
position: absolute;
background-image: url("pic/legScrap.png");
background-repeat: no-repeat;
width: 150px;
height: 355px;
margin-left: 15%;
bottom: 15%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
.lineWork{
position: absolute;
background-image: url("pic/line.png");
background-position: -10px center;
height: 80%;
width: 150px;
margin-top: 0px;
margin-left: 5%;
margin-right: auto;
}
#legWork {
position: absolute;
background-image: url("pic/legWork.png");
background-repeat: no-repeat;
width: 125px;
height: 294px;
margin-left: 5%;
bottom: 5%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
.lineContact{
position: absolute;
background-image: url("pic/line.png");
background-position: 20px center;
height: 80%;
width: 150px;
margin-top: 0px;
margin-left: 25%;
margin-right: auto;
}
#legContact {
position: absolute;
background-image: url("pic/legContact.png");
background-repeat: no-repeat;
width: 125px;
height: 294px;
margin-left: 25%;
bottom: 8%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legScrapActive {
position: absolute;
background-image: url("pic/legScrap.png");
background-repeat: no-repeat;
background-position: -217px center;
width: 150px;
height: 355px;
margin-left: 15%;
bottom: 15%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legWorkActive {
position: absolute;
background-image: url("pic/legWork.png");
background-repeat: no-repeat;
background-position: -180px center;
width: 125px;
height: 294px;
margin-left: 5%;
bottom: 5%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
#legContactActive {
position: absolute;
background-image: url("pic/legContact.png");
background-repeat: no-repeat;
background-position: -151px center;
width: 125px;
height: 294px;
margin-left: 25%;
bottom: 8%;
display: block;
cursor: url("pic/axe.cur"), url("pic/axe.cur"), default;
}
Indlæg senest redigeret d. 16.10.2009 10:13 af Bruger #15379