Søg
Avatar billede fagghunter Nybegynder
16. marts 2004 - 15:07 Der er 28 kommentarer og
1 løsning

Hjælp til CSS i Mozilla FireFox!

hej eksperter!

nu har jeg selv skiftet browser til Mozilla FireFox og synes den er feee, men jeg har lavet en side som ser sådan ud med forefox:

http://sizanx.corex.dk/browser.jpg

og den ser sådan ud med iE 6.0:

http://sizanx.corex.dk/

og jeg vil gerne have at hjemmesiden skal være compitabel med de fleste browsere! det ville være godt hvis I gav en hjælpende hånd!

her er så koden:

<html>
        <head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body background="images/bg.gif" style="margin:0px auto;">
<p>&nbsp;</p>
<table width="924" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" align="center"

height="405" style="border-bottom: 0 px solid;">
  <tr>
    <td bordercolor="#404040" height="384">
      <table id="Table_01" width="925" height="400" border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
          <td height="43"> <img src="images/logo2.jpg" width="925" height="115" alt=""></td>
        </tr>
        <tr>
          <td background="images/center.gif" height="21" align="center" class="Overskrift">General | Counter-Strike

| Administration</td>
        </tr>
        <tr>
          <td bgcolor="#808080" height="238">
            <table width="100%" border="0" height="266">
              <tr>
                <td width="175" height="239">
                  <table width="15%" border="0" height="1%">
                    <tr>
                      <td></td>
                    </tr>
                  </table>
                  <table width="175" border="0" height="21" cellpadding="0" cellspacing="0" class="overskrift">
                    <tr>
                      <td background="images/left.gif" class="overskrift" height="21">
                        <center>
                          Menu
</center>
                      </td>
                    </tr>
                  </table>
                  <table width="175" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0"

class="Menu">
                    <tr>
                      <td bgcolor="#404040" class="Menu" height="132" bordercolor="#404040" valign="top">
&middot; Main<br>
&middot; Forum<br>
&middot; Link 3<br>
&middot; Davs med dig<br>
&middot; o.s.v. o.s.v.<br>
</td>
                    </tr>
                    <tr>
                      <td height="21" background="images/center.gif" style="border-top: 0px solid; border-left: 0px solid;

border-right: 0px solid; border-bottom: 0px solid;">
                        <div align="center"></div>
                      </td>
                    </tr>
                  </table>
                  <table width="1%" border="0" height="100%">
                    <tr>
                      <td>&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="575" height="239">
                  <table width="15%" border="0" height="1%">
                    <tr>
                      <td></td>
                    </tr>
                  </table>
                  <table width="100%" border="1" cellpadding="0" cellspacing="0" align="center"

bordercolor="#000000" style="border-top: 0px solid; border-bottom: 0px solid;">
                    <tr>
                      <td background="images/center.gif" style="border-top: 0px solid; border-left: 0px solid;

border-right: 0px solid; border-bottom: 0px solid;" height="21" class="overskrift"><a href="index.htm"

class="overskrift">Mapcycle</a></td>
                    </tr>
                    <tr>
                      <td bgcolor="#404040" bordercolor="#404040" class="text" height="135">Det
                        vil v&aelig;re TOP nice om i lige vil komme med nogle
                        input&acute;s til ny mapcycle p&aring; server1, i kan
                        smide jeres input&acute;s <a href="index.htm" class="text">her</a>.
                        <p>I MOB members der mangler at udfylde skemaet med info
                          til Member siden. Plz f&aring; det fikset</p>
                        <p>og sendt til SGT.MIX eller mig</p>
                        <p></p>
                      </td>
                    </tr>
                    <tr>
                      <td background="images/center.gif" style="border-top: 0px solid; border-left: 0px solid;

border-right: 0px solid; border-bottom: 0px solid;" height="21" class="Navn">
                        <div align="left">13/10-2003 @ 14:35 - [MOB]*MATRIX* kommetarer
                          <b>(2)</b> </div>
                      </td>
                    </tr>
                  </table>
              <table width="1%" border="0" height="100%">
                    <tr>
                      <td></td>
                    </tr>
                  </table>
                </td>
                <td width="175" height="239">
                  <table width="15%" border="0" height="1%">
                    <tr>
                      <td></td>
                    </tr>
                  </table>
                  <table width="175" border="0" height="21" cellpadding="0" cellspacing="0">
                    <tr>
                      <td background="images/right.gif" class="overskrift">
                        <center>Menu</center>
                      </td>
                    </tr>
                  </table>
                  <table width="175" border="1" bordercolor="#000000" cellpadding="0"

cellspacing="0" class="Menu">
                    <tr>
                      <td bgcolor="#404040" class="Menu" height="132" bordercolor="#404040">&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="21" background="images/center.gif" style="border-top: 0px solid; border-left: 0px solid;

border-right: 0px solid; border-bottom: 0px solid;">
                        <div align="center"></div>
                      </td>
                    </tr>
                  </table>
                  <p>&nbsp;</p><table width="1%" border="0" height="100%">
                    <tr>
                      <td>&nbsp;</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td bgcolor="#404040" height="21" background="images/center.gif" class="underskrift">Design
            by SiZanX, Code by CoRex - All Rights Reserved [MOB] &copy; 2003 -
            2004 </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede fagghunter Nybegynder
16. marts 2004 - 15:09 #1
og p.s kender I ikke et html program som dreamweaver, men bare har W3C standarderne så det passer til alle browsere? jeg har selv brugt dreamweaver her!
Avatar billede mik789 Nybegynder
16. marts 2004 - 15:15 #2
et godt råd (og jeg ved godt det ikke hjælper dig her og nu): prøv at køre siden gennem først html validatoren: http://validator.w3.org/
og dernæst css validatoren samme sted: http://jigsaw.w3.org/css-validator/

//mik
Avatar billede mik789 Nybegynder
16. marts 2004 - 15:17 #3
og meninge med det svar var at hvis siden validerer for både html og css, er der store chancer for at den komme til at se ens ud...
Avatar billede fagghunter Nybegynder
16. marts 2004 - 15:23 #4
hvis jeg sætter validator koden i, så kommer det til at se mega skod ud på ie, og jeg har prøvet det, men så kommer der alle mullig fejl, som jo normalt ikke er fejl i html, som jeg ikke forstår.
Avatar billede mik789 Nybegynder
16. marts 2004 - 15:32 #5
problemet er nok snarere at validatorens måde at fortælle dig hvad fejlene er, ikke altid er så nem at forstå. det var også derfor jeg skrev at det ikke hjælper dig her og nu, men på langt sigt er det det du skal gøre hvis du vil lære at lave kode der ser ens ud på forskellige browsere. Du kan få super overskuelig undervisning på: http://www.w3schools.com/default.asp - der er både html og css guide og reference
Avatar billede hermandsen Juniormester
16. marts 2004 - 15:38 #6
>>fagghunter
Jeg kan anbefale dig at droppe dine tables, og så kode tingene i CSS!!
To (gratis) artikler jeg vil anbefale dig at læse:

http://www.eksperten.dk/artikler/104
http://www.eksperten.dk/artikler/223

Jeg er selv forfatteren!! ;)

//hermandsen
Avatar billede fagghunter Nybegynder
16. marts 2004 - 16:07 #7
hermandsen det er max nice! nu skal jeg lige lege med det ;)
Avatar billede fagghunter Nybegynder
16. marts 2004 - 16:10 #8
men er der ikke en anden måde at gøre det på? jeg skal jo først lære det og det kommer til at tage tid! kan man ikke lave et midertidligt fix af denne kode?
Avatar billede olebole Juniormester
16. marts 2004 - 18:39 #9
<ole>

Du kan sagtens kode med tabeller og stadig overholde W3C's HTML-standard  :)

/mvh
</bole>
Avatar billede fagghunter Nybegynder
16. marts 2004 - 18:49 #10
yes, men hvordan retter jeg lige det jeg mangler?
Avatar billede fagghunter Nybegynder
16. marts 2004 - 18:51 #11
kan du ikke lige sige hvad jeg skal gøre :D så jeg fremover ved hvordan jeg skal kode og overholde w3c standard?
Avatar billede roenving Novice
16. marts 2004 - 19:00 #12
Som en start kan du gøre det almindeligt w3c-kompatibelt, for f.eks. height findes ikke som attribut på table- elementet ...

Et eksempel:

<snip ---------------------------------->

<table cellpadding="0" cellspacing="0" style="width:924px;height:405px;border:1 solid black;border-bottom:0px;text-align:center;">
  <tr>
    <td style="border:#404040;height:384px;">
      <table id="Table_01" cellpadding="0" cellspacing="0" style="width:925px;height:400px;border:0px;text-align:center;">

</snip --------------------------------->

-- men som du kan se er det ganske lovligt som style-attribut !-)
Avatar billede roenving Novice
16. marts 2004 - 19:01 #13
Hov, jeg glemte en px !-)

border:1px solid black;
Avatar billede olebole Juniormester
16. marts 2004 - 19:04 #14
Hvad er det for en W3C-standard, du gerne vil overholde - og hvorfor vil du overholde netop _den_ standard? Religiøs fanatisme er vældig på mode for tiden ... også indenfor web-kodning.

Det er lidt ligesom med Folketingsvalg. Din nabo kan sagtens fortælle dig, hvad du skal stemme på - men så bortfalder meningen med at stemme.
På samme måde bør du sætte dig ind i, hvad forskellene er ved at bruge de forskellige standarder - og _derefter_ vælge den standard, du i bør bruge  ;o)

Desværre får de fleste at vide af 'naboen', hvad de 'bør' kode i (på trods af, han sjældent ved noget af betydning) - og er efterfølgende helvedes kloge på, hvad andre 'bør' gøre, uden selv at kende de egentlige forskelle på standarderne  ;o)
/mvh
Avatar billede olebole Juniormester
16. marts 2004 - 19:05 #15
PS: og det var _ikke_ et hint til nogen her  :)
Avatar billede mik789 Nybegynder
16. marts 2004 - 20:02 #16
ole> det behøver ikke nødvendigvis at være religiøs fanatisme (selv om du har ret i at det forekommer - jævnligt). Hvis man er begynder og godt vil lære sig på egen hånd at lave gode hjemmsider, er W3C's schools og validator service en ganske effektiv metode - i hvert fald bedre end de fleste wysiwyg editorer eller cms'er. Så kan det godt være at man senere - engang når man har fået det store overblik - kan tage også deres anvisniner med kritisk sans. I dette tilfælde er det vel html 4.01 transitional der skal til med css2.
Avatar billede olebole Juniormester
16. marts 2004 - 20:14 #17
Ja, den nuværende kode kunne godt klemmes ned under 4.01-trans - men pas på med CSS2. Den er på flere områder skidt implementeret i IE  :o|

Jeg er helt enig i, at W3C-validatorene og W3C-Schools er et meget godt sted at starte. Også selvom W3C-Schools er et privat, norsk site - og intet har med W3C at gøre - og at validatoren kun er et hjælpemiddel, der jævnligt bliver rettet for fejl.
/mvh
Avatar billede hermandsen Juniormester
16. marts 2004 - 23:46 #18
>>olebole
"Hvad er det for en W3C-standard, du gerne vil overholde"

Vi vil selvfølgelig overholde den standard som W3C anbefaler os (XHTML 1.0 Strict / XHTML 1.1 og CSS 2)!! ;)
Avatar billede olebole Juniormester
17. marts 2004 - 00:34 #19
Det handler ikke om, hvad _du_ gerne vil overholde - men hvad brugeren ønsker ... udfra, hvad siden, han skriver, skal bruges til. Det er desværre ikke alle browsere ude i virkeligheden, der holder af XHTML.
På sigt er jeg helt enig i, man bør overgå helt til XHTML, men det nytter bare ikke altid i den virkelige verden - men der er først en bunke gammelt skrammel udryddes først  :)
/mvh
Avatar billede hermandsen Juniormester
17. marts 2004 - 01:00 #20
Enig, det gamle skal væk, men hvis vi bliver ved med at med at udvikle til det gamle, så får folk heller aldrig opdateret!!

Når tingene ikke virker på et site, så er det sitets skyld, når så tingene ikke virker på 5 sites, så er alle sites dumme, når 20 sites ikke virker, finder brugeren måske ud af at hans/hendes software ikke er helt up to date!!

Selvfølgelig skal vi kode så tingene kan ses i alle browsere, men hvis layoutet ødelægges lidt pga. browserens manglende support, kunne det jo være at brugeren fik øjnene op for alternativerne!! ;)

Et site behøver ikke at være ukendeligt, for at få budskabet i gennem, men små hints er ikke af vejen!! ;)

//hermandsen
Avatar billede olebole Juniormester
17. marts 2004 - 01:22 #21
Man kan udfra dit indlæg se, du ikke er vandt til at skrive til den mere konservative del af dansk erhvervsliv. Mange firmaer har en antikveret IT-politik, som forsinker opdateringer i årevis. Jeg er ikke engang sikker på, TopDanmark har opdateret deres NS4'ere  =8-O
Skal man skrive til f.eks. den branche, er sådan et firma jo ikke til at komme udenom - og det må man så tage hensyn til i valget af teknologier ... desværre  :)
Avatar billede notes2c Nybegynder
17. marts 2004 - 08:23 #22
Fejlen er: At der er indsat en paragraf tag lige før din bundafstand. På den højre side

din kode: <p>&nbsp;</p><table width="1%" border="0" height="100%">

Løsning: <table width="1%" border="0" height="100%">

Dog vil jeg anbefalde dig at bruge css til layout

/Sten :o)
Avatar billede olebole Juniormester
17. marts 2004 - 13:18 #23
... og jeg tror, Sten mener: "Dog vil jeg anbefalde dig at bruge div/span til layout". CSS har intet at gøre med hvilke HTML-elementer, man bruger  :)
/mvh
Avatar billede notes2c Nybegynder
17. marts 2004 - 13:44 #24
Klart: Jeg skulle have sagt, gå bort fra tablelayout.
Avatar billede olebole Juniormester
17. marts 2004 - 14:14 #25
Det herlige ved at vi har fået både div, span og table at rode med er, at man så kan bruge det helt rigtige element til det, man har behov for.
Derfor er det ikke klogt at fravælge tabeller i de situationer, hvor disse er langt at foretrække  :)
/mvh
Avatar billede notes2c Nybegynder
17. marts 2004 - 15:08 #26
Come on: stop det flue k..

Du ved hvad jeg mener og har selv skrevet det. Så hvorfor bruge unødig mundhug.

Man bruger de funktioner der skal til herunder tabeller, hvis det er det man har behov for.
Avatar billede olebole Juniormester
17. marts 2004 - 15:45 #27
Vedr. dine zoofile tilbøjeligheder, må du nok henvende dig i et andet forum ... jeg tror, de fleste her er til seksuel omgang med mennesker  :)

Hvis du ser rundt i andre spm. her på sitet, vil du opdage, at der er skræmmende mange, der fejlagtigt har fået opfattelsen af, at tabeller er et outdated no-no.
Det skyldes i høj grad løsthøngende bemærkninger, som den du skrev ovenfor - og nej: Du har ikke 'selv skrevet det' - du har _netop_ opfordret til at undgå tablelayout. Det ville jo være tåbeligt at undlade at bruge tablelayout til f.eks. tabulerede data  :)
/mvh
Avatar billede notes2c Nybegynder
17. marts 2004 - 17:00 #28
Kære Ole, vi grundlæggende enige, så skal vi bare lade det være ved det.
Avatar billede hermandsen Juniormester
17. marts 2004 - 20:53 #29
>>olebole
Enig!! Tables skal bruges til det formål de er tiltænkt!! Struktureret data i to dimentioner! :)

Nogle mener såfremt at man skal bruge tables til helt almindelige lister!! Til dem kan det siges at vi har <ul>/<li>, <ol>/<li> og <dl>/<dt>/<dd>-tagsne for en grund!! ;)

Man skal bruge HTML-elementerne til det formål de er skabt for!!

//hermandsen

P.S. Sad lige og overvejede hvornår vi mon får 3D-XML!? :D
Rent strukturerings messigt og layout-messigt er det jo muligt med den nuværende XML/CSS-teknologi, men mon det bliver et af W3C's næste projekter!? :)

#box {
  position: absolute;
  top: 300px;
  left: 300px;
  distance: 300px;
  height: 10px;
  width: 10px;
  depth: 10px;
}

Kunne faktisk være lidt vildt!! ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
24/0811:16 problem med mailbesked Af Pestilensen i Excel
White papers
Flere white papers »