Avatar billede steen-h Mester
30. januar 2006 - 14:15 Der er 21 kommentarer og
1 løsning

Tabel bredde i FF

Hej Jeg har problem med tabel bredde i FF.

Jeg har en menu i højre side, dens bredde afhængig af indholdet i venstra side.
CSS er i fil for sig men klippe ind så i kan se det.

<table border="0" id="table_index" cellspacing="0">
  <tr>
    <td id="td_indextop" colspan="2">
      <img src="./img/logo.jpg" alt="">
      <img src="./img/banner.gif" alt="">
      <img src="./img/logo.jpg" alt="">
    </td>
  </tr>

  <tr>
    <td id="td_indexleft">
      <?PHP include("./php/menu.php"); ?>
    </td>
    <td id="td_indexright">
      <br />
      <?PHP include("./php/".$_GET['p']); ?>


#td_indexleft {
        width: 100px;
        border-width: 1px 0px 1px 1px;
        border-color: black;
        border-style: solid;
        border-collapse: collapse;
        padding: 10px 10px 10px 10px;
        vertical-align: top;
        text-align: left;
        background-color: #0099CC;
}

#td_indexright {
        width: 660px;
        border-width: 1px 1px 1px 1px;
        border-color: black;
        border-style: solid;
        border-collapse: collapse;
        padding: 0 0 0 0;
        text-align: center;
        vertical-align: top;
        background-color: #EFEFEF;
}


#table_index {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
}

Det virker fint i IE.

Er der nogle som kan hjælpe

MVH Steen
Avatar billede steen-h Mester
30. januar 2006 - 14:16 #1
Der fik jeg skrevet forkert.

Menuen er selvfølgelig i ventre side.
Avatar billede olebole Juniormester
30. januar 2006 - 14:17 #2
<ole>

Hvad er problemet? Prøv med et link til siden

/mvh
</bole>
Avatar billede olebole Juniormester
30. januar 2006 - 14:20 #3
- og så elsker du åbenbart at leve livet farligt! Man kan jo inkludere et hvilket somhelst dokument, der ligger på serveren, når du totalt ukritisk inkluderer sider udfra uchecket bruger-input. Du er en modig mand!  =8-O
Avatar billede steen-h Mester
30. januar 2006 - 14:21 #4
http://www.koraldyk.dk/

Hvis man vælger http://www.koraldyk.dk/?p=gests.php er menuen bred.

Hvis man vælger http://www.koraldyk.dk/?p=klubben.php er den smal
Avatar billede steen-h Mester
30. januar 2006 - 14:23 #5
Vil du uddybe hvad du mener med at leve livet farligt.

Hvordan skulle det eller laves.
Avatar billede olebole Juniormester
30. januar 2006 - 14:26 #6
$p = $_GET["p"];
switch ($p) {
  case "noget":
      $page2inc = "noget.php";
  break;
  case "nogetAndet":
      $page2inc = "nogetAndet.php";
  break;
  # osv, osv
  default:
      $page2inc = "enDefaultSide.php"
}
include($page2inc);
Avatar billede steen-h Mester
30. januar 2006 - 14:28 #7
Ok, det vil jeg rette.
Avatar billede steen-h Mester
30. januar 2006 - 14:49 #8
Hvad med tabellen ole, hvis du ikke kan hjælpe er der ikke mange som kan.
Avatar billede Six Nybegynder
30. januar 2006 - 14:54 #9
Jeg kan ikke se der er noget problem med menuen, hverken i IE eller FF ?
Avatar billede Six Nybegynder
30. januar 2006 - 14:56 #10
Udover at når man folder dine menupunkter ud, så ændre bredden sig. Men det er jo fordi menupunkternes tekst størrelse er for stor til at være inde i menuen.
Avatar billede olebole Juniormester
30. januar 2006 - 14:57 #11
Der er vist rod i dine mål - husk, at ifølge CSS, skal border og padding lægges til bredde og højde.

'td_indexleft' er 121px bred (bredde+padding+border)
'td_indexright' er 662px bred (bredde+padding+border)

- det giver 783px :)
Avatar billede steen-h Mester
30. januar 2006 - 14:58 #12
Er der ingen forskel på bredden af tabelle i venstre side som menuen er i.

Hos mig er der ca 1,5 cm forskel i den blå farve i FF men den er konstant smal i IE
Avatar billede olebole Juniormester
30. januar 2006 - 14:58 #13
- og jeg har ikke kikket på de andre elementer, men det var måske også værd at checke  ;o)
Avatar billede olebole Juniormester
30. januar 2006 - 15:02 #14
Der er en del at læse her:
    http://www.w3.org/TR/REC-CSS2/visuren.html

- og denne er måske lidt lettere at gå til og omtaler netop box-modellen:
    http://www.w3.org/TR/REC-CSS2/box.html
Avatar billede steen-h Mester
30. januar 2006 - 15:05 #15
Det erdet eneste sted jeg har defineret bredden ud over følgende.

body {
        color : Black;
        font-size : 12px;
        font-family : Verdana, sans-serif;
        margin : 10px 10px 10px 10px;
        text-align : center;
        vertical-align : center;
        scrollbar-base-color: #000000;
        scrollbar-face-color: #FFFFFF;
        scrollbar-shadow-color: #000000;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-arrow-color: #000000;
        scrollbar-3dlight-color: #FFFFFF;
        background-color: #EFEFEF;
}
Avatar billede olebole Juniormester
30. januar 2006 - 15:49 #16
nuvel, men det passer skidt med denne:

#table_index {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
}

- og så bliver bruseren zq nok forvirret ... "skal jeg være bred eller smal?"  ;o)
Avatar billede olebole Juniormester
30. januar 2006 - 15:51 #17
760px og 783px ... 23px ... det kunne godt ligne den forskel, vi oplever - ikk'?  =)
Avatar billede steen-h Mester
30. januar 2006 - 16:02 #18
Jeg har lidt svært med at overskue det, men kan godt se at det går galt når jeg bredden ikke passer sammen.

Hvis jeg i #td_indexright {
sætter bredden til auto, så får den vel det som er tilbage, men det hjælper ikke.
Hvis jeg ikke definere bredden ser det ud til at virke i FF men ikke i IE
Avatar billede olebole Juniormester
30. januar 2006 - 16:30 #19
Bare regn bredderne på td'erne ud så de passer med bredden på tabellen. Så skulle tingene gerne komme til at virke  :)
Avatar billede steen-h Mester
30. januar 2006 - 16:41 #20
Du har ret, nu er det meget bedre, svinger kun et par milimeter.

Lægger du et svar ole.
Avatar billede olebole Juniormester
30. januar 2006 - 16:46 #21
Gerne, tak  :)
Avatar billede olebole Juniormester
30. januar 2006 - 17:02 #22
Tak for points ... og bare det svinger  ;D
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