Jump to content
Sign in to follow this  
834HF42F242

Hvordan lurer jeg IE på denne?

Recommended Posts

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>

Share this post


Link to post

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.

Edited by travis_g

Share this post


Link to post

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

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...