Avatar billede thedeathart Nybegynder
13. juni 2004 - 20:18 Der er 22 kommentarer og
1 løsning

z-index virker ikke i IE

Hej

z-index virker ikke i IE, selvom at siden er kodet med xhtml standarten.

Er dette (endnu) en fejl i IE, eller hvad ?

Koden er også W3 valid CSS.
Avatar billede pyroman Nybegynder
13. juni 2004 - 20:59 #1
Det burde det nu nok gøre!

Kan vi se din kode?
Avatar billede thedeathart Nybegynder
13. juni 2004 - 21:00 #2
okay..

[index.php]

<?

ob_start();

$id = $_REQUEST['id'];

if ($id == ""){
$id = "nyheder.php";
}
if(file_exists($id)) { $id = $id ;} else  { $id = "404.php"; } ;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title> coN : Connections of Noobis </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<? include('meta.txt'); ?>
</head>
<body>

<!-- Bannere START -->

<div id="banner" align="center">
    <img src="logo_top.gif" alt="" />
</div>
<div id="banner_bund">
    <img src="logo_bottom.gif" alt="" />
</div>

<!-- Bannere END -->
<!-- Menu START -->

<div id="menu">
<div id="umenu">

    <ul type="square">
        <li><a href="index.php?id=nyheder.php"> Nyheder </a></li><br />
        <li><a href="index.php?id=medlemmer.php"> Medlemmer </a></li><br />
        <li><a href="index.php?id=tagwall.php"> Tagwall </a></li><br />
        <li><a href="index.php?id=download.php"> Downloads </a></li><br />
        <li><a href="index.php?id=links.php"> Links </a></li><br />
        <li><a href="index.php?id=sponsors.php"> Sponsors </a></li><br />
        <li><a href="index.php?id=admin/index.php"> Admin </a></li>
    </ul>

</div>
</div>

<!-- Menu END -->
<!-- Indhold START -->

<div id="indhold">
<div id="uindhold">

  <? include $id ;  ?>

</div>
</div>

<!-- Indhold END -->
<!-- Info START -->

<div id="info">
<div id="uinfo">

    <p align="center">» INFO «</font></p>
    <br />
    <? #include('server.php'); ?>

</div>
</div>

<!-- Info END -->

</body>
</html>
<? ob_end_flush(); ?>

[/index.php]



[style.css]

body {
    background: white;
    margin: 0px;
    font-family: arial,tahoma,sans-serif;
    font-size: 12px;
    color: black;
}

a:link, a:visited, a:active { color: black; text-decoration: none;}

a:hover { color: navy; }

#banner {
        border: 0px solid black;
}
#banner_bund {
        border: 0px solid black;
        position: absolute;
        margin-left: 711px;
        z-index: 3;
}

#menu {
      background: url(menu.gif);
      position: absolute;
      margin-top: 20px;
      height: 400px;
      width: 160px;
      border: 0px solid black;
      z-index: 2;
      font-size: 14px;
      font-weight: bold;
}

#indhold {
      background: url(indhold.gif);
      position: absolute;
      overflow: auto;
      margin-left: 170px;
      margin-top: 22px;
      height: 395px;
      width: 564px;
      border: 0px solid black;
      z-index: 2;
}

#uindhold { padding-top: 15px; padding-left: 25px;}

#umenu { padding-top: 15px; padding-left: 0px; }

#unifo { padding-top: 5px; padding-left: 5px; }


#info {
      background: url(info.gif);
      position: absolute;
      margin-top: 220px;
      margin-left: 750px;
      height: 200px;
      width: 160px;
      border: 0px solid black;
      font-size: 14px;
      font-weight: bold;
}

td.c7 { border: 1px solid black; }


[/style.css]
Avatar billede skovenborg Nybegynder
13. juni 2004 - 21:42 #3
hvor ligger fejlen lige umiddelbart på den side du viste???
Avatar billede thedeathart Nybegynder
13. juni 2004 - 21:43 #4
#banner bund.

billedet ligger sig ikke øverst, men bliver bare flyttet til siden.
Hvilket ikke ser i Firefox.
Avatar billede pyroman Nybegynder
13. juni 2004 - 21:53 #5
Det virker fint hos mig!

Jeg har bare nogle kulørte div's istedet for billeder - men "banner bund" slyder fint ovenpå - både i IE og i Mozilla Firebird
Avatar billede pyroman Nybegynder
13. juni 2004 - 21:54 #6
...og der skulle stå "flyder" ikke "slyder" ;)
Avatar billede skovenborg Nybegynder
13. juni 2004 - 21:57 #7
jeg ser heller ikke noget umiddelbart problem - kunne du ikke give et link istedet ?-)
Avatar billede thedeathart Nybegynder
13. juni 2004 - 21:59 #8
hmm.. nu har jeg uploadet den.. prøv at se i begge browsere

http://web27190.web08.talkactive.net/clan-con/index.php
Avatar billede pyroman Nybegynder
13. juni 2004 - 22:08 #9
Det ser mærkeligt ud i begge browsere!

I Mozilla ryger toppen væk og den nederste del af den der pindekonstruktion

I IE er de to halvdele af pindekonstruktionen revet fra hinanden...
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:09 #10
hmm, hvis det er problemmet med at de to bannerbilleder ikke står ordentlig under hinanden, så forekommer problemmet sådan set i begge browsere - ud over at den laver et lille mellemrum i IE. Er det problemmet - og hvis ja, er skal #banner_bund flyttes hen til #banner eller omvendt så det passer?
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:11 #11
hvad ?... underligt, det sker ikke for mig.

i firefox ser det sådan ud ved mig.

http://web27190.web08.talkactive.net/screen/con_screen.jpg

(bare glem info boxen)
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:13 #12
skovenborg, ja det er det som er problemet.. hvad kan jeg så gøre ved det ?
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:16 #13
hmm, problemmet er nok at din opløsning er anderledes end vores. Du placerer dit hovedbanner med align="center" og din #banner_bund placerer du absolut, hvilket i sidste ende bevirker til at siden ser forskellig ud på din og vores ;-)
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:17 #14
hmm.. okay, min opløsning er 1024x768 , men du har self ret, mht. aling="center" den havde jeg glemt alt om...det prøver jeg lige at rette
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:18 #15
prøv at skrive:
#banner {
        border: 0px solid black;
        position:relative;
        left:87px;
        top:0px;

}

og fjern align="center" - virker for mig i hvert fald ;-)
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:19 #16
sådan.. nu er eneste problem at IE laver et lille mellemrum vertikalt.
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:21 #17
prøv:
#banner IMG {display:block}
Avatar billede pyroman Nybegynder
13. juni 2004 - 22:22 #18
Prøv med:

padding: 0px;

på "banner" og "banner bund"...
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:26 #19
#banner IMG {display:block} = Jubii.. så virker det.

mange tak.. i lægger bare et svar.
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:30 #20
værsesågod :-)
Avatar billede pyroman Nybegynder
13. juni 2004 - 22:38 #21
tjaa - jeg hjalp jo ikke med noget - så smid pointene til skovenborg :)
Avatar billede thedeathart Nybegynder
13. juni 2004 - 22:39 #22
okay :) men takker mange gange
Avatar billede skovenborg Nybegynder
13. juni 2004 - 22:45 #23
og jeg takker for points :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester