Avatar billede thedeathart Nybegynder
15. juni 2004 - 20:51 Der er 10 kommentarer og
1 løsning

position , og IE problemer.

Hey.

Lige en god omgang problemer.

http://www.thedeathart.dk/uF/index.php

1. Banneret bliver lagt nedenunder menuen, og indholdsboxen, men når man trykke Opdater så ser det rigtigt ud.

2. Teksten er placeret forkert i IE,

3. Det ligge flash-objekt, er for bredt i IE.

Hvert spørgsmål gider 30 points.

<!-- Koden -->
[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> uF :: The Unknown Fraggers </title>
            <link rel="stylesheet" type="text/css" href="style.css" media="screen,projection" title="default"></link>
            <? include('meta.txt'); ?>
      </head>
      <body>

      <div id="banner" align="center">
      <img src="logo.jpg" alt="The Unknown Fraggers" border="0" />
      </div>
      <div id="menu">
            <div id="undermenu" align="center">
            <h3>
      <a href="index.php?id=nyheder.php">Nyheder</a>&nbsp;&nbsp;
      <a href="index.php?id=medlemmer.php">Medlemmer</a>&nbsp;&nbsp;
      <a href="index.php?id=tagwall.php">Tagwall</a>&nbsp;&nbsp;
      <a href="index.php?id=downloads.php">Downloads</a>&nbsp;&nbsp;
      <a href="index.php?id=sponsors.php">Sponsors</a>&nbsp;&nbsp;
      <a href="index.php?id=irc.php">Irc Chat</a>&nbsp;&nbsp;
      <a href="index.php?id=galleri/index.php">Galleri</a>&nbsp;&nbsp;
      <a href="index.php?id=wars.php">CW</a>&nbsp;&nbsp;
      <a href="index.php?id=admin/index.php">Admin</a>
            </h3>
            </div>
      </div>
      <div id="left">
      <div id="links"> <br>

<object href="http://www.thedeathart.dk" classid="clsid:166b1bca-3f9c-11cf-8075-444553540000" codebase="http://active.macromedia.com/director/cabs/sw.cab#version=6,0,1,0" width="140" height="35">
<param name="src" value="shadowweb.swf">
<embed src="shadowweb.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-director" width="110" height="25">
</embed>
</object>
</div>
      </div>
      <div id="indhold">
      <div id="iframe">
     
          <? include $id ;  ?>

      </div>
      </div>
      <div id="right">
      <div id="war">
      <? include('wars.php'); ?>
      </div>
      </div>


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

[style.css]

/*    =========    */
/*    MAIN SITE    */
/*    =========    */

BODY {
      background: #050409;
      font-family: arial,sans-serif;
      font-size: 14px;
      color: silver;
      margin: 0px;
}

A:link, A:active, A:visited { color: silver; }

#banner {
        margin-top: 10px;
        border: 0px solid white;
        width: 515px;
        margin-left: 230px;
}


#links { padding-top: 10px; padding-left: 10px; }

#undermenu { padding-top: 0px; padding-left: 0px; }
#undermenu a:link,a:active,a:visited { text-decoration: none; }

#war { padding-top: 0px; padding-left: 2px; }

#menu {
      position: absolute;
      border: 0px solid white;
      background: url(menu.jpg);
      width: 746px;
      height: 59px;
      margin-top: 10px;
      margin-left: 132px;
}

#left {
      position: absolute;
      margin-left: 130px;
      margin-top: 80px;
      border: 0px solid white;
      width: 133px;
      height: 379px;
      background: url(sidemenu.jpg);
      background-repeat: no-repeat;
}

#indhold {
      position: absolute;
      margin-left: 273px;
      margin-top: 80px;
      overflow: auto;
      border: 0px solid white;
      width: 465px;
      height: 378px;
      background: url(indhold.jpg);
      background-repeat: no-repeat;
}

#iframe { padding-top: 7px; padding-left: 15px; }

#right {
      position: absolute;
      margin-left: 748px;
      margin-top: 80px;
      border: 0px solid white;
      width: 133px;
      height: 379px;
      background: url(sidemenu.jpg);
      background-repeat: no-repeat;
}

td.c7 { border: 1px solid #333333; }
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:20 #1
2: Prøv at tilføje:
#undermenu H3 {margin-top:16.4px;}
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:24 #2
umiddelbart ser det også ud til du bare skal skrive:
width="110"
ved dit object (altså spørgsmål nr. 3). Mozilla viste så vidt jeg kunne se ingen forskel og i IE kom det i hvert fald til at passe bedre.
Avatar billede thedeathart Nybegynder
15. juni 2004 - 21:24 #3
ja, så er placeringen rigtigt, men har der er stadig forskel på IE og Firefox, har H3 da ikke den samme størrelse ?
Avatar billede thedeathart Nybegynder
15. juni 2004 - 21:26 #4
ahh.. det snyder lidt. IE læser på Object, og Firefox læser på embed.
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:27 #5
nej, du kan så sætte størrelsen i din CSS så den bliver ens - jeg viste ikke hvad for en du ville bruge. Umiddelbart er 16.4px sat efter den i firefox
Avatar billede thedeathart Nybegynder
15. juni 2004 - 21:30 #6
H3 { font-size: 16.4px; }  jep, så er der kun problem nr. 1 tilbage ...
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:38 #7
prøv at skrive:
#banner {
        margin-top: 10px;
        border: 0px solid white;
        width: 515px;
        margin-left: 230px;
        height:120px;
}

altså give div'en en fast højde (logoets højde altså). Det er lidt svært at genskabe problemmet da det jo hele tiden forsvinder når man genstarter ;-)
Avatar billede thedeathart Nybegynder
15. juni 2004 - 21:43 #8
ja, nu virker det..

Du svarede på alle spørsmåleren. Du får alle pointene :)
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:45 #9
jamen det var da dejligt ;-)
Avatar billede skovenborg Nybegynder
15. juni 2004 - 21:48 #10
og tak for de points :-)
Avatar billede lordhead Nybegynder
16. juni 2004 - 07:26 #11
Bare et lille godt tip ang. din menu. Hvis du gerne vil slippe for, at have en "text cursor" når du bevæger musen væk fra linksne i menuen, kan du bare indsætte følgende i din #menu: cursor: default;

/Rune
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