Gå til innhold

Hvordan lurer jeg IE på denne?

834HF42F242

Anbefalte innlegg

834HF42F242

834HF42F242

Skrevet
Skrevet

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>

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
travis_g

travis_g

Skrevet
Skrevet (endret)

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 av travis_g
Lenke til kommentar
834HF42F242

834HF42F242

Skrevet
  • Forfatter
Skrevet

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. :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...