Avatar billede kurdo Novice
28. maj 2007 - 01:49 Der er 10 kommentarer og
1 løsning

tabeller forskel på expkorer og firefox!

hejza, min hjemmeside www.kurdo.dk


jeg har prøvet at lave et meget simpel design men alligevel fed..

min kode:

<table bgcolor="#0192e6" width="970px" align="center" cellpadding="0" cellspacing="35px">
<tr>
<td>
<table bgcolor="#333333" width="900px"  cellpadding="0" cellspacing="10">
<tr valign="top">
<td colspan="3" width="880" height="200px" bgcolor="#222222">
TOP-LOGO HER!

</td>
</tr>
<tr valign="top">
<td width="200px" bgcolor="#222222">
<div id="menu">
LEFT NAVIGATION!
</div>
</td>
<td width="400" bgcolor="#222222">
CONTENT
</td>
<td width="200px" bgcolor="#222222">
RIGHT NAVIGATION!
</td>
</tr>
<tr valign="top">
<td colspan="3" width="100%" height="50" bgcolor="#222222">
BOTTOM
</td>
</tr>
</table>

sådan ser min kode ud, men i firefox fucker den helt op, jeg kan viser nogle billeder vis det er nødvendigt, prøv skift siderne lidt i menuen, så kan du se det..
men i explorer 7 er den som den skal ,fatter ikke  mit problem!
Avatar billede w13 Novice
28. maj 2007 - 01:55 #1
Jeg må indrømme, at jeg ikke ser problemet i firefox. Hvad præcis er der galt?
Avatar billede kurdo Novice
28. maj 2007 - 02:00 #2
læg mærke til venstre side er større end højre side, og det samme px's, og i explorer 7 er den det sammne. plus at content tabellen hopper rundt alt efter hvor meget tekst der er i contenten.
Avatar billede w13 Novice
28. maj 2007 - 02:15 #3
Ah! Ja!
Ret:
<td width="400" bgcolor="#222222">
CONTENT
</td>
Til:
<td bgcolor="#222222">
CONTENT
</td>
Dvs. fjern Width, så den selv får lov til at finde ud af, hvor lang den skal være. Ellers går det ud over alle 3 celler, hvis der pludselig står for meget tekst i en af dem - så bliver de andre celler nemlig skubbet sammen.
Avatar billede kurdo Novice
28. maj 2007 - 02:19 #4
hmm har fjendet det, men fucker alligevel. :/ prøv kig i koden.. s:
Avatar billede ducks Nybegynder
28. maj 2007 - 02:33 #5
du kan ikke bruge width="...px" i HTML kun CSS.

prøv:

<table style="background-color: #0192e6; width: 970px;" align="center" cellpadding="0" cellspacing="35">
  <tr>
    <td>
      <table style="background-color: #333; width: 900px;"  cellpadding="0" cellspacing="10">
        <tr valign="top">
          <td colspan="3" style="width: 880px; height: 200px; background-color: #222;">
TOP-LOGO HER!
          </td>
        </tr>
        <tr valign="top">
          <td style="width: 200px; background-color: #222;">
            <div id="menu">
              LEFT NAVIGATION!
            </div>
          </td>
          <td style="width: 400px; background-color: #222;">
            CONTENT
          </td>
          <td style="width: 200px; background-color: #222;">
            RIGHT NAVIGATION!
          </td>
        </tr>
        <tr valign="top">
          <td colspan="3" style="width: 100%; height: 50px; background-color: #222;">
            BOTTOM
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>


Desuden manglede det her i bunden:
    </td>
  </tr>
</table>
Avatar billede ducks Nybegynder
28. maj 2007 - 02:37 #6
Med "du kan ikke bruge width="...px" i HTML kun CSS." men jeg selvfølgelig at man i HTML undlader px til sidst
Avatar billede w13 Novice
28. maj 2007 - 02:37 #7
Så vel som </body></html> ;)
Men jeg har downoadet koden og det nytter ikke at fjerne px, så jeg kigger lige lidt videre.
Avatar billede w13 Novice
28. maj 2007 - 02:55 #8
Jeg tror jeg har løst det nu. Først og fremmest: husk at afslutte dine div'er i tabelcellerne efter indholdet. Sæt dernæst:
style="overflow: hidden; width: 200px;" width="200"
på de div'erne i de 2 menuer samt på menu-cellerne, og:
style="width: 400px;" width="400"
på en div, som skal omkranse den midterse (indholds-)celle i tabellen samt på selve cellen. Det virker for mig i begge browsere.
Avatar billede kurdo Novice
28. maj 2007 - 14:18 #9
w13 tak for hjælpen, ducks jeg brugte ikke rigtig din kode, da w13's lød mere rigtig,

skriv som svare så du kan få point.
Avatar billede w13 Novice
28. maj 2007 - 14:26 #10
Svar kommer her! :)
Avatar billede w13 Novice
04. juni 2007 - 16:24 #11
Og tak for point!
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