Hvordan lurer jeg IE på denne?

834HF42F242 · 11. august 2006

Jeg støtte på et snedig problem mens jeg satt og redigerte en side. For å løse problemet, laget jeg en forenklet html-fil med kun de nødvendige kodene for å oppnå ønsket resultat. Som dere ser, er resultatet perfekt i Opera, men heller dårlig i IE. Nettleserne er ikke enige om breddetolkning, og IE viser mellomrom mellom bilde på topp og bunn samme hva jeg gjør.

Ja, jeg vet at det er andre måter å gjøre dette på, men hvis jeg vil gjøre det slik jeg gjør nå, hva må endres? Resultatet

<html>
<head>
 <style>  	
 	img {
   border: 0px,
 	}
 	
 	h1 {
   margin-top: 0px;
 	}

 	p {
   margin-bottom: 0px;
 	}
 	.test1 {
   width: 178px;
   padding-left: 10px;
   padding-right: 10px;
   border-left: 1px solid #A4B3BF;
   border-right: 1px solid #A4B3BF;
   margin-top: 0px;
   margin-bottom: 0px;
 	}
 </style>
</head>
<body>
 <img src="http://www.musikksmaken.com/bilder/kolonne1-topp.png" title="grafikk" />
 <div class="test1">
 	<h1>Test</h1>
 	<p>En setning her og der gjør vel ingenting</p>
 </div>
 <img src="http://www.musikksmaken.com/bilder/kolonne1-bunn.png" title="grafikk" />
<body>
</html>

travis_g · 11. august 2006

Var borte i akkurat det samme selv.

Men husker ikke akkurat hva det var.

Det med mellomrommet mellom det øvre bildet og diven er grei. Du må trekke img-taggen helt inntil div taggen slik:

img-tagslutter /><div>

Ikke lag mellomrom eller linjeskift.

Ikke spør hvorfor? IE leser luften i koden og lager et skille mellom elementene.

Skal prøve å finne ut resten oxo. må bare bla gjennom noen gamle koder :cry:

Har prøvd litt mer.

Men til og med når jeg bruker:

<html>
<head>
<style>   
 
*{margin: 0; padding: 0;}

</style>
</head>
<body>

<img src="http://www.musikksmaken.com/bilder/kolonne1-topp.png"title="grafikk" /><div></div><img src="http://www.musikksmaken.com/bilder/kolonne1-bunn.png" title="grafikk" />
<body>
</html>

Så blir det feil :no: skjønner ikke det der.

Endret 11. august 2006 av travis_g

haugsand · 12. august 2006

Om du legger til en gyldig doctype, vil bredden i IE6 bli korrekt.

funkweb · 12. august 2006

Doctype

834HF42F242 · 14. august 2006

Glemte helt å legge til doctype i eksempelet. Nettsiden hvor jeg fikk problemet, hadde selvsagt doctype oppgitt, og da var ikke bredden feil. Men mellomrommet mellom øvre og nedre bilde var likefullt et problem.

Har nå funnet en bedre metode å gjøre det på... Takker for alle svar.

Logg inn

Hvordan lurer jeg IE på denne?

Anbefalte innlegg

834HF42F242

Lenke til kommentar

Videoannonse

travis_g

Lenke til kommentar

haugsand

Lenke til kommentar

funkweb

Lenke til kommentar

834HF42F242

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer