Søg
Avatar billede purup Nybegynder
14. januar 2007 - 21:26 Der er 21 kommentarer og
1 løsning

mystisk <img> problem ved udprint

Hej

Følgende kode giver som forventet to gange x.jpg i browservinduets (IE) bredde med helt samme diminsioner.
MEN, ved udskrift bliver billede 2 (det i tabellen) noget størrer og går faktisk ud over parpirets margin og bliver ikke printet!!! En border på tabellen afslører at tabellen er breddere end printarealet - men den er 100% ligesom billede 1! Udskifter jeg billede 2 med tekst tilpasser tabellen sig der imod printarealet!

Hvorfor ???
 

<html>
    <body>
   
        <img style="width:100%;" src="images/norscan-partners.jpg" />       
        <table style="width: 100%;" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img style="width:100%;" src="images/norscan-partners.jpg" />
                </td>
            </tr>
        </table>
       
    </body>
</html>
Avatar billede apo Praktikant
14. januar 2007 - 21:32 #1
Prøv at indsætte dette, og se om det ændrer noget:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>
   
        <img style="width:100%;" src="images/norscan-partners.jpg">       
        <table style="width: 100%;" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img style="width:100%;" src="images/norscan-partners.jpg">
                </td>
            </tr>
        </table>
       
    </body>
</html>
Avatar billede kalp Novice
14. januar 2007 - 21:33 #2
hvis ovenstående ikke virker kunne det være sjovt at se om det ville virke hvis alle width blev sat til 99% istedet
Avatar billede apo Praktikant
14. januar 2007 - 21:37 #3
Jeg glemte, at tilføje følgende til <head>:

<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
Avatar billede apo Praktikant
14. januar 2007 - 21:39 #4
Sådan her, så skulle dokumentet være validt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
    <body>
   
        <img style="width:100%;" src="images/norscan-partners.jpg">       
        <table style="width: 100%;" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img style="width:100%;" src="images/norscan-partners.jpg">
                </td>
            </tr>
        </table>
       
    </body>
</html>
Avatar billede apo Praktikant
14. januar 2007 - 21:43 #5
Og så kan det måske hjælpe, hvis du angiver en størrelse på HTML-elementet samt body-elementet:

CSS:
html,body {margin:0; padding:0; width:100%;}
Avatar billede purup Nybegynder
14. januar 2007 - 21:57 #6
Det gør ingen forskel.
Se http://www.norscan-partners/new2/printtest.html
Avatar billede apo Praktikant
14. januar 2007 - 21:59 #7
"Siden kan ikke vises"
Avatar billede mclemens Nybegynder
14. januar 2007 - 22:04 #8
apo http://www.norscan-partners.no/new2/printtest.html ;)
Avatar billede purup Nybegynder
14. januar 2007 - 22:05 #9
Se http://www.norscan-partners/new2/printtest2.html

Billedet er 800px bredt.
Billede 1: 100% width - fylder hele parpirets bredde
Billede 2: ingen vidde sat, og altsp 800px - overskrider parpirets margin og bliver klippet i printet
Billede 3: 50% width i en tabel hvor vidden ikke er sat - tabellen bliver på mystisk vis lige så bred som billede 2 (800px) og bliver altsp klippet i printet. Billedet (3) bliver 50% af 800px og ikke 50% af parpirets breddde - som man eller ville have troet hvis mn ser hvordan billede 1 printer.

Hvorfor ???
Avatar billede purup Nybegynder
14. januar 2007 - 22:06 #10
.no - lille men ikke uvæsentlig detajle
Avatar billede kalp Novice
14. januar 2007 - 22:07 #11
istedet for width så prøv med max-width
Avatar billede apo Praktikant
14. januar 2007 - 22:08 #12
mclemens > Ja, så kan jeg godt forstå, at siden ikke kan vises ;o)
Avatar billede purup Nybegynder
14. januar 2007 - 22:09 #13
Hvis mit problem er uklart så:
Billede 1 + 2: helt fint og som forventet.
Billede 3: Hvorfor kan jeg ikke styre bredden på et udprint bare fordi billedet sidder i en tabel???
Avatar billede purup Nybegynder
14. januar 2007 - 22:14 #14
max-width kan jeg ikke rigtigt få til at gi' noget andet resultat.

Det hjælper hvis jeg angiver billede 3's bredde i px - men det var netop det jeg gerne ville undgå, da bredden i udskrift vel afænger af printerens dpi
Avatar billede mclemens Nybegynder
14. januar 2007 - 22:24 #15
Pudsigt bug ... hvad med dette fusk:

<img style="width:50%;" src="images/norscan-partners.jpg" onload="this.style.width=this.offsetWidth+'px';">
Avatar billede mclemens Nybegynder
14. januar 2007 - 22:26 #16
Berører dpi udskriftens størrelse ? Jeg troede
det var hvor fintkornet udskriftskvaliteten var ?
Avatar billede mclemens Nybegynder
14. januar 2007 - 22:26 #17
(ignorer 2224 og 2226)
Avatar billede mclemens Nybegynder
14. januar 2007 - 22:38 #18
http://www.tasi.ac.uk/advice/creating/dpi.html

Jeg udskrev testsiden i 600 dpi og 2400 dpi
- størrelsen på det udskrevne var ens hos mig ...
Avatar billede mclemens Nybegynder
14. januar 2007 - 23:04 #19
Forstod problemet nu ...
Jeg kan ikke gennemskue hvorfor
tabellen ikke vil som div'en ...

<!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>Ingen titel</title></head><body>

<img style="width: 100%;" src="norscan-partners.jpg">

<div style="width:100%;"><img style="width: 50%;" src="norscan-partners.jpg"></div>

<table style="width:100%;"><tr><td><img style="width: 50%;" src="norscan-partners.jpg"></td></tr></table>

</body></html>
Avatar billede roenving Novice
15. januar 2007 - 03:04 #20
Billeders bredde kan være en sjov en ...

-- jeg har aldrig gennemskuet, hvornår en reference til en relativ bredde på et sådant følger css-reglernes generelle indfaldsvinkel, at relativt sættes efter det omkransende elements dimensioner og ikke efter billedet naturlige bredde ...

-- men prøv f.eks. at sætte print-sidens bredde:

@media print{
  @page{width:auto;}
}
Avatar billede purup Nybegynder
22. januar 2007 - 16:17 #21
Min konklusion må være, at om billedets bredde (hvis angivet i %) gælder:
-Hvis <img> sidder i <body> er %width i forhold til <body>'s bredde
-Hvis <img> sidder i <table> er %width i forhold til <img>'s originale bredde i px.
..lidt mystisk, men det ser sådan ud i de browsere jeg har testet.

Løsningen blev at jeg angav billedets bredde i cm - hvorfor tænkte jeg ikke på det noget før?
Dermed lukker jeg.
Tak for hjælpen.
Avatar billede purup Nybegynder
22. januar 2007 - 16:18 #22
..og jeg lukker
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 dag 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
I går 11:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »