Avatar billede denima Nybegynder
27. april 2008 - 16:56 Der er 8 kommentarer og
1 løsning

Firefox og valign :z?

Heysan ..

Jeg har en side,
http://klasse.aabc.dk/akkeros/array/test/sider/test.html
hvor jeg i mine tabeller har noget tekst stående. Problemet er bare at i Firefox står teksten ikke i "top", som den gør i IE.

Jeg har prøvet forskellige ting, både vha. css som ikke hjalp mv.
Så derfor spørger jeg her :)

min kode ser således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="../forsidecss.css" rel="stylesheet" type="text/css">


</head>

<body>
<table width="719" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="24" rowspan="4" scope="col"><img src="../JPGS/content/con-side-ven-ny.jpg" alt="" width="24" height="384" longdesc="../JPGS/content/con-up-ven-ny.jpg"></th>
    <th colspan="2" scope="col"><img src="../JPGS/content/con-up-ven-ny.jpg" alt="" width="357" height="17" longdesc="../JPGS/content/con-up-ven-n.jpg"></th>
    <th width="169" scope="col"><img src="../JPGS/content/con-forside-up-hoj.jpg" alt="" width="300" height="17" longdesc="../JPGS/content/con-forside-up-hoj.jpg"></th>
    <th width="169" rowspan="4" scope="col"><img src="../JPGS/content/con-forside-side-hoj.jpg" alt="" width="38" height="384" longdesc="../JPGS/content/con-forside-side-hoj.jpg"></th>
  </tr>
  <tr>
    <th width="313" height="367" rowspan="3" scope="col" background="../JPGS/content/content-box.jpg" valign="top"><h6>Welcome</h6>
      <p>Dear visitor, we are happy to see you on our website. On our website, you will have the opportunity to get information about our company such as what we stand for and how we do business in generally, on which you will gain an insight into our company. Furthermore, you can see our products in our product section and see our cosmetic brands, which are shown in the label section.</p>
      <p>If you have any questions you are more than welcome to make contact with us, and we will response as fast as possible. Otherwise, I hope you will enjoy spending you time on our website. </p><br>
    <p>Yours faithfully</p>
    <p><br>
        <br>
        <strong>EMC  Cosmetics </strong> </p>
    </th>
    <th width="44" rowspan="3" scope="col"><img src="../JPGS/content/con-forside-midt.jpg" alt="" width="44" height="367" longdesc="../JPGS/content/con-forside-midt.jpg"></th>
    <th width="300" height="193" background="../JPGS/content/con-forside-textprodukt.jpg" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <th scope="col"><img src="../JPGS/content/con-forside-under-box.jpg" alt="" width="300" height="35" longdesc="../JPGS/content/con-forside-under-box.jpg"></th>
  </tr>
  <tr>
    <th width="300" height="139" background="../JPGS/content/con-forside-textandet.jpg" scope="col" valign="top"><h6>Private label </h6>
      <p>Our company  is able to produce private label inside cosmetics. </p>
    </th>
  </tr>
</table>
<table width="719" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col"><img src="../JPGS/content/con-down.jpg" alt="" width="719" height="15" longdesc="../JPGS/content/con-down.jpg"></th>
  </tr>
</table>
</body>
</html>
Avatar billede w13 Novice
27. april 2008 - 17:14 #1
Jeg kan ikke se problemet?

Du kan evt. prøve at køre denne kode i adresselinjen: java script:for(var i=0,im=document.getElementsByTagName("*");i<im.length;i++){im[i].style.border="1px solid #000"};void(0)

Så ser du kanterne på alle elementer på siden, og at der ikke er noget, som ikke er placeret i top.
Avatar billede denima Nybegynder
27. april 2008 - 17:27 #2
Har du firefox?
For så prøv at sætte de to browser op mod hinanden - altså IE og FF. Der kan man nemt se at teksten INDE i tabellen - dvs. velkommen og privatelabel ikke står ens. =|
Avatar billede denima Nybegynder
27. april 2008 - 17:28 #3
Og mht. til din ovenstående kode - kan du præcisere hvor den skal sættes ind :)
Avatar billede w13 Novice
27. april 2008 - 17:41 #4
Min kode skulle indsættes i adresselinjen i browseren og så skulle du trykke enter.

Men jeg ser problemet nu.

Jeg tror, det er fordi du skal lægge valign="top" på tr og ikke på th, som du gør nu. Prøv lige det.
Avatar billede denima Nybegynder
27. april 2008 - 17:45 #5
Ah okay.

Hmm, det hjalp heller ikke. Problemet er stadig det samme :)
Avatar billede w13 Novice
27. april 2008 - 18:14 #6
Nå ja, det er vel fordi du bruger h6-tags. Prøv at skrive i dit stylesheet:

h6{
  margin:0
}

Der er jo som standard en margin på h-tags.
Avatar billede denima Nybegynder
27. april 2008 - 18:24 #7
haha ;p så virkede det sku!
Jeg takker for hjælpen - så må du lige gøre så jeg kan give dig pointene :)
Avatar billede w13 Novice
27. april 2008 - 18:25 #8
;)
Avatar billede w13 Novice
27. april 2008 - 18:29 #9
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
Kurser inden for grundlæggende programmering

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