Søg
Avatar billede slinky Nybegynder
04. august 2004 - 17:32 Der er 11 kommentarer

side virker i mozilla - ikke i IE

Hej!

er lige ved at lave siden www.seniorkollektiv.dk
hvis man åbner siden i IE, er der ligesom en streg imellem menuen og det grå felt. Den er der ikke hvis man åbner siden i mozilla.
hvordan får jeg den streg væk i IE??
Avatar billede jannek_ek Nybegynder
04. august 2004 - 19:55 #1
jeg har samme problem, med en af mine sider. Men det bedste råd jeg kan give dig er at lave det i div frem for tabeller.
Avatar billede ckh Nybegynder
04. august 2004 - 20:04 #2
Til at starte med bør du nok sætte en doctype på dokumentet f.eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

(Sættes før dit <html> tag) så browserne ved hvilken html-specifikation de skal til at "læse"
Avatar billede roenving Novice
04. august 2004 - 20:10 #3
Sådan undgår du den hvide streg:

<tr>
    <td width="950" height="176" colspan="3">

<img src="top.jpg" border="0" width="950" height="176" alt="" usemap="#top">

<map name="top" id="">
<area shape="rect" coords="13,149,147,173" href="webcams.htm">
<area shape="rect" coords="149,150,270,174" href="dagbog.htm">
<area shape="rect" coords="271,151,420,174" href="deltagere.htm">
<area shape="rect" coords="421,150,547,174" href="koncept.htm">
<area shape="rect" coords="546,149,689,173" href="billeder.htm">
<area shape="rect" coords="690,149,940,174" href="kontakt.php">
<area shape="rect" coords="12,20,942,149" href="index.htm">
<area shape="default" href="index.htm">
</map></td>

-- måske skal du bytte om på map og img, så </td> kan flyttes helt op i røven på img-tagget, men hovedreglen er:

Sæt aldrig et </td> på sin egen linje !-)

-- det samme gælder iøvrigt for </div> hvis indholdet ikke fylder flere linjer !-(
Avatar billede jannek_ek Nybegynder
04. august 2004 - 20:13 #4
hvad forskel gør det om de står på en linie for sig eller sammen med noget andet??.
Avatar billede roenving Novice
04. august 2004 - 20:34 #5
Der kommer en ekstra linje, i slinkys eksempel en hvid linje, fordi IE fejl-agtigt opfatter linjeskiftet foran </td>'en som et linjeskift, som skal afspejles i renderingen af siden ...

-- en klassisk IE-bug !-)
Avatar billede roenving Novice
04. august 2004 - 20:38 #6
-- men så velbekendt, at du faktisk normalt ser kode skrevet på denne måde:

<table>
    <tr>
        <td>
            Det som skal være i td'en</td>
    </tr>
</table>

-- det er zq underligt at de fleste webkodere flot flytter ind og ud og på den måde afspejler hierarkiet i koden, men </td> står ikke på sin plads !-)
Avatar billede jannek_ek Nybegynder
04. august 2004 - 20:42 #7
hmm jeg synes nu ikke det gør nogen forskel om den står på sin plads eller bag ved indholdet
Avatar billede roenving Novice
04. august 2004 - 20:49 #8
Se det tydeligt så:

<table width="220" bgcolor="#ffaaff" border="0">
  <tr>
    <td style="border:1px solid black;">
      <img src="../billede.jpg" width="200" height="200">
    </td>
  </tr>
  <tr>
    <td style="border:1px solid black;">
      <img src="../billede.jpg" width="200" height="200"></td>
  </tr>
</table>

-- skift billedet ud med et, du selv har !-)
Avatar billede jannek_ek Nybegynder
04. august 2004 - 21:02 #9
ok nu virker det, men kun i ie i mozilla er der en padding på ca. 3 px i bunden.
Jeg troede at den ville fjerne mellemrummet mellem cellerne
Avatar billede jannek_ek Nybegynder
04. august 2004 - 21:03 #10
prøv lige at se det der eksempel i en mozilla browser
Avatar billede roenving Novice
04. august 2004 - 21:09 #11
-- så se dette:

<style type="text/css">
table{width:200px;background:#faf;border-collapse:collapse;}
td{border:1px solid black;padding:0px;}
</style>

<table>
  <tr>
    <td style="border-color:#0f0;">
      <img src="../billede.jpg" width="200" height="200">
    </td>
  </tr>
  <tr>
    <td>
      <img src="../billede.jpg" width="200" height="200"></td>
  </tr>
</table>
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
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »