Avatar billede mibu Nybegynder
22. april 2009 - 11:42 Der er 10 kommentarer og
1 løsning

IE ok! FF not!

Okay! I har sikkert hørt det før, En side vises fint i IE men ser helt tosset ud i FF!

Er der nogle helt banale ting "man" bare skal huske?

Min dropdown menu er kun halv længde i FF og min side er dobbelt så bred, med et hul i midten.

Jeg bruger div i menuen og til at styre opsætning i content, er det her den kammer over?

Tjek her: www.gjvarme.dk
Avatar billede mibu Nybegynder
22. april 2009 - 11:58 #1
Og så lige hele den samskrevne kode :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <title>Gjerlev Fjernvarme A.m.b.a</title>
<meta name="keywords" content="Halmfyr,gjerlev,fjernvarme,biomasse">
<LINK REL="SHORTCUT ICON" href="favicon.ico">
<link rel="stylesheet" href="stylesheet.css">
<script type="text/javascript" src="Menu.js"></script>
</head>

<body>
<table align="center" width="800" border="0" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0">
<tr>
    <td>

<div>
<ul id="dd">
<li><a href="index.php?side=forside" class="menu">Forside</a></li>

  <li><a href="index.php?side=vaerket" class="menu" id="mmenu1"
      onmouseover="mopen(1);"
      onmouseout="mclosetime();">Værket</a>
    <div class="submenu" id="menu1"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=bestyrelse">Bestyrelse</a>
        <a href="index.php?side=medarbejder">Medabejder</a>
        <a href="index.php?side=revisor">Revisor</a>
        <a href="index.php?side=historie">Historie</a>
        <a href="index.php?side=fremtid">Fremtid</a>
       
    </div>
  </li>
 
  <li><a href="index.php?side=eco" class="menu" id="mmenu2"
      onmouseover="mopen(2);"
      onmouseout="mclosetime();">Økonomi</a>
    <div class="submenu" id="menu2"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=takst">Takstblad</a>
        <a href="index.php?side=budget">Budget</a>
        <a href="index.php?side=regnskab">Regnskab</a>
    </div>
  </li>
   
  <li><a href="index.php?side=kontakt" class="menu" id="mmenu3"
            onmouseover="mopen(3);"
      onmouseout="mclosetime();">Kontakt</a>
    <div class="submenu" id="menu3"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=mail_base">Mail</a>
        <a href="index.php?side=kontor">Kontortid</a>
        <a href="index.php?side=vagt">Vagttelefon</a>
        <a href="index.php?side=adr">Adresse m.m.</a>
    </div>
   
    <li><a href="index.php?side=raad" class="menu" id="mmenu4"
            onmouseover="mopen(4);"
      onmouseout="mclosetime();">Varmeråd</a>
    <div class="submenu" id="menu4"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=beregn">Prisberegning</a>
        <a href="index.php?side=udvikling">Prisudvikling</a>
   
    </div>
  </li>
  <li><a href="index.php?side=regl" class="menu" id="mmenu5"
            onmouseover="mopen(5);"
      onmouseout="mclosetime();">Regler</a>
    <div class="submenu" id="menu5"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=vedtaegter">Vedtægter</a>
        <a href="index.php?side=tek">Teknik</a>
        <a href="index.php?side=lov">Love og §§</a>
        <a href="index.php?side=flyt">Flytteaflæsning</a>
   
    <li><a href="index.php?side=down" class="menu">Downloads</a></li>
</ul>

    </div>   

</td>
</tr>


<!-- Indhold -->
<tr valign="top">
    <td>

<table width="100%" height="0" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">

<!-- Indhold_Venstre -->
    <td width="50%">

<div id="content">
</div>
</td>

<!-- Indhold_Hoejre -->
    <td width="50%">

    <div id="indhold">
<p id="H1">Forside</p>
<p>
<?php
//Forside box (også div)
    include("box.php");
?>

<?php
//Database
include("_include/database.php");

//Forside tekst
$query = mysql_query("SELECT tekst FROM side WHERE id = 1 ")or die(mysql_error());
while($row = mysql_fetch_assoc($query))
//Lav en while der kører alle rækker igennem
{

        echo "
       
        ".$row["tekst"]."
   
    ";
}               
?>

</div>
</td>
</tr>
</table>

</td>
</tr>



<!-- Bund -->
<tr valign="top" height="20">
    <td>

<div id="bund">Copyright&nbsp;&#169;&nbsp;Gjerlev varmeværk&nbsp;&#124;&nbsp;</div>

</td>
</tr>
</table>
</body>
</html>
Avatar billede jakobdo Ekspert
22. april 2009 - 12:57 #2
Til at starte med, er det altid godt at have en valid side.

Så tjek evt. din side på: http://validator.w3.org/
Og start med at få rettet de forskellige fejl der.
Avatar billede mibu Nybegynder
22. april 2009 - 15:12 #3
Så er skidtet valideret! Det hjalp da så kolosalt på min dropdownmenu, men sideindholdet står stadig forkert på FF browser.

Nu se koden sådan her ud.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Denne side og alle underliggende sider er lavet og program,af Superseek.dk.
Alle rettigheder tilhører Superseek.dk og må ikke overdrages eller kopiers til tredie person,
Gjerlev Fjernvarmeværk har tilladelse til, at benytte programmeringen på egen eller ekstern server,
sålænge de måtte ønske, såfremt en anden end Superseek.dk benyttes til foretage ændringer i programmeringen,
skal Superseek.dk orientes om de foretaget ændringer.
Den oprindelige kildekode, vil dog trods tredie persons videreudvikling, stadig tilhøre Superseek.dk -->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

<head>
<title>Gjerlev Fjernvarme A.m.b.a</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="keywords" content="Halmfyr,gjerlev,fjernvarme,biomasse"/>
<link rel="SHORTCUT ICON" href="favicon.ico"/>
<link rel="stylesheet" href="stylesheet.css"/>
<script type="text/javascript" src="Menu.js"></script>
</head>

<body>
<table align="center" width="800" border="0" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0">
<tr>
    <td>

<div>
<ul id="dd">
<li><a href="index.php?side=forside" class="menu">Forside</a></li>

  <li><a href="index.php?side=vaerket" class="menu" id="mmenu1"
      onmouseover="mopen(1);"
      onmouseout="mclosetime();">Værket</a>
    <div class="submenu" id="menu1"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=bestyrelse">Bestyrelse</a>
        <a href="index.php?side=medarbejder">Medabejder</a>
        <a href="index.php?side=revisor">Revisor</a>
        <a href="index.php?side=historie">Historie</a>
        <a href="index.php?side=fremtid">Fremtid</a>
       
    </div>
  </li>
 
  <li><a href="index.php?side=eco" class="menu" id="mmenu2"
      onmouseover="mopen(2);"
      onmouseout="mclosetime();">Økonomi</a>
    <div class="submenu" id="menu2"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=takst">Takstblad</a>
        <a href="index.php?side=budget">Budget</a>
        <a href="index.php?side=regnskab">Regnskab</a>
    </div>
  </li>
   
  <li><a href="index.php?side=kontakt" class="menu" id="mmenu3"
            onmouseover="mopen(3);"
      onmouseout="mclosetime();">Kontakt</a>
    <div class="submenu" id="menu3"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=mail_base">Mail</a>
        <a href="index.php?side=kontor">Kontortid</a>
        <a href="index.php?side=vagt">Vagttelefon</a>
        <a href="index.php?side=adr">Adresse m.m.</a>
    </div>
    </li>
    <li><a href="index.php?side=raad" class="menu" id="mmenu4"
            onmouseover="mopen(4);"
      onmouseout="mclosetime();">Varmeråd</a>
    <div class="submenu" id="menu4"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=beregn">Prisberegning</a>
        <a href="index.php?side=udvikling">Prisudvikling</a>
        </div>
  </li>
 
  <li><a href="index.php?side=regl" class="menu" id="mmenu5"
            onmouseover="mopen(5);"
      onmouseout="mclosetime();">Regler</a>
    <div class="submenu" id="menu5"
      onmouseover="mcancelclosetime()"
      onmouseout="mclosetime();">
        <a href="index.php?side=vedtaegter">Vedtægter</a>
        <a href="index.php?side=tek">Teknik</a>
        <a href="index.php?side=lov">Love og §§</a>
        <a href="index.php?side=flyt">Flytteaflæsning</a>
    </div>
  </li>
    <li><a href="index.php?side=down" class="menu">Downloads</a></li>
</ul>

    </div>   

</td>
</tr>


<!-- Indhold -->
<tr valign="top">
    <td>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">

<!-- Indhold_Venstre -->
    <td width="50%">

<div id="content">
</div>
</td>

<!-- Indhold_Hoejre -->
    <td width="50%">

    <div id="indhold">
<p id="H1">Forside</p>

<?php
//Forside box
    include("box.php");
?>

<?php
//Database
include("_include/database.php");

//Forside tekst
$query = mysql_query("SELECT tekst FROM sider WHERE id = 1 ")or die(mysql_error());
while($row = mysql_fetch_assoc($query))
//Lav en while der kører alle rækker igennem
{

        echo "
       
        ".$row["tekst"]."
   
    ";
}               
?>

</div>
</td>
</tr>
</table>

</td>
</tr>



<!-- Bund -->
<tr>
    <td height="20">
<div id="bund">Copyright&nbsp;
<b id="ikkese"><a href="http://www.gjvarme.dk/admin/" target="_self"><font color="#666666">&#169;</font></a></b>
&nbsp;Gjerlev varmeværk&nbsp;&#124;&nbsp;

</td>
</tr>
</table>
</body>
</html>
Avatar billede mibu Nybegynder
22. april 2009 - 19:02 #4
Har fundet fejlen! Det var i stylesheet der skulle rettes :-)

Lægger du et svar Jakobdo, dit råd var også guld værd, jeg fik da fundet et par fejl der også.
Avatar billede jakobdo Ekspert
22. april 2009 - 20:28 #5
Svar!

Jeg synes dog stadig dit indhold står langt til højre ?
Men det er måske meningen ?
Avatar billede jakobdo Ekspert
23. april 2009 - 09:01 #6
Takker for point.
Avatar billede mibu Nybegynder
23. april 2009 - 09:05 #7
Det er så tæt på, som det skal være, det eneste problem er min menu i FF - den vil ikke fylde breden helt ud, men nu har jeg da indkredset problemmet til stylesheet.
Avatar billede jakobdo Ekspert
23. april 2009 - 09:17 #8
Kan det ikke laves, ved du laver en div.

<div id="menuContainer">
<div class="menuItem">Forside</div>
<div class="menuItem">Værket</div>
<div class="menuItem">Osv.</div>
</div>

Og lader menuContainer fylde hele den omkring liggende div, og kun sætter en højde på den, samt baggrund.
Avatar billede mibu Nybegynder
23. april 2009 - 09:24 #9
Det lyder ikke dumt, det vil jeg da prøve at lege med, Takker
Avatar billede mibu Nybegynder
23. april 2009 - 09:48 #10
Min menu så sådan her ud:

<div>
<ul id="dd">
<li><a href="index.php?side=forside" class="menu">Forside</a></li>
.................
.......


Rettelse:

<div id="dd">
<ul>
<li><a href="index.php?side=forside" class="menu">Forside</a></li>
.................
.......

Og så bare lige diffinere højden i stylesheet.

Takke igen
Avatar billede jakobdo Ekspert
23. april 2009 - 09:51 #11
Helt ok.
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