|
| Forkert visning i IE? Fra : Claus Nygaard-Peders~ |
Dato : 03-11-04 16:28 |
|
Jeg har flikket en lille side sammen i HTML 4.01. Iflg. W3C skulle koden
være ok og den vises da også fint i Mozilla og Firefox men Internet Explorer
kan ikke vise den korrekt.
Siden ligger her:
http://www.diyhifi.nygaard-pedersen.dk/vp5/index.htm
Nederst på siden er en tabel med ti rækker og to kolonner. Venstre kolonne
skal være 20% af tabellens bredde og højre kolonne skal være 80%. Hver række
har i venstre kolonne et billede der samtidig er et link. I højre kolonne er
det bare tekst.
Problemet er dels at billederne i række 2,4,8,9 & 10 ikke vises i IE og dels
at tabellens venstre kolonne kommer til at fylde halvdelen af tabellens
bredde i setdet for 20%.
Hvad søren gør jeg så siden også vises korrekt i IE samtidig med at den
valideres ok af W3C?
Mvh
Claus
| |
Erik Ginnerskov (04-11-2004)
| Kommentar Fra : Erik Ginnerskov |
Dato : 04-11-04 11:52 |
|
"Claus Nygaard-Pedersen" <nospam@nospam.dk> skrev i en meddelelse
news:4188f97c$0$166$edfadb0f@dtext01.news.tele.dk...
> Jeg har flikket en lille side sammen i HTML 4.01. Iflg. W3C skulle koden
> være ok og den vises da også fint i Mozilla og Firefox men Internet
> Explorer
> kan ikke vise den korrekt.
Jeg vil nu hævde, at det i dette tilfælde er IE, der viser billederne
rigtigt. Du har defineret billederne som 100% i bredden og det er sådan IE
viser dem. Lav det om, så billederne bliver defineret med den eksakte bredde
og højde i pixels (kun tal, ikke benævnelse), som du ønsker vist.
Og lav ved samme lejlighed et sæt billeder med netop den størrelse. Browsere
er ikke særlig gode til at reducere billeders størrelser. Resultatet bliver
meget bedre i et grafikprogram.
> Problemet er dels at billederne i række 2,4,8,9 & 10 ikke vises i IE
Det har jeg lige nu ikke mulighed for at arbejde med.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk
| |
Claus Nygaard-Peders~ (05-11-2004)
| Kommentar Fra : Claus Nygaard-Peders~ |
Dato : 05-11-04 06:34 |
|
"Erik Ginnerskov" <erik@donotspammeplease.invalid> skrev i en meddelelse
news:418a09b7$0$33736$14726298@news.sunsite.dk...
>
> Jeg vil nu hævde, at det i dette tilfælde er IE, der viser billederne
> rigtigt. Du har defineret billederne som 100% i bredden og det er sådan IE
> viser dem. Lav det om, så billederne bliver defineret med den eksakte
bredde
> og højde i pixels (kun tal, ikke benævnelse), som du ønsker vist.
Billederne i tabellen er kun til preview (findes der mon et godt dansk ord
for dette) og da angivelse af billedernes størrelse i pixels betyde at siden
ændrer udseende afhængig af brugerens browsers vinduesstørrelse ville jeg
egentlig gerne undgå dette.
> Og lav ved samme lejlighed et sæt billeder med netop den størrelse.
Afhængigt af den endelige valgte løsning vil jeg overveje dette.
> Browsere er ikke særlig gode til at reducere billeders størrelser.
Enig!
Ja
Resultatet bliver meget bedre i et grafikprogram.
Korrekt!
Tak for hjælpen Erik
Jeg er glad for at du tog dig tid til at læse sidens kildekode.
Det må være dette du mener:
<td width="20%"><a href="materi.jpg" target=" "
onclick="helpwindow=window.open('materi.jpg','helpwindow','toolbar=no,locati
on=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=
816,height=620,left=50,top=50'); return false;"><img src="materi-s.jpg"
width="100%" alt=" " /></a></td>
Altså at jeg har skrevet width="100%" for selve billedet.Jeg var ellers
overbevist om at dette blot angav at billedet skulle fylde 100% af kolonnes
bredde. Kolonnen er så¨defineret til at være 20% af tabellens bredde. Har
jeg helt misforstået dette?MvhClaus
| |
Erik Ginnerskov (05-11-2004)
| Kommentar Fra : Erik Ginnerskov |
Dato : 05-11-04 07:08 |
|
Claus Nygaard-Pedersen wrote:
> Billederne i tabellen er kun til preview (findes der mon et godt
> dansk ord for dette) og da angivelse af billedernes størrelse i
> pixels betyde at siden ændrer udseende afhængig af brugerens browsers
> vinduesstørrelse ville jeg egentlig gerne undgå dette.
Du kunne nøjes med at lade tabellen være fuld sidebredde og derefter sætte
en pixelfast bredde på venstre kolonne. Lav en tilsvarende pixelfast
definition af billedstørrelserne eller nøjes med at lave billederne i den
ønskede lille størrelse.
<td width="100px"><a href="materi.jpg"
onclick="helpwindow=window.open('materi.jpg','helpwindow','toolbar=no,
location=no, directories=no, status=no, menubar=no, scrollbars=no,
resizable=yes, width=816, height=620, left=50,top=50'); return false;"><img
src="materi-s.jpg" alt=" " /></a></td>
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk
| |
|
|