Gå til innhold

Problem med DIV-vising i IE

K..

Av K..
i Programmering og webutvikling

Anbefalte innlegg

K..

K..

Skrevet
Skrevet (endret)

Heisann.

 

Jeg har prøvd meg litt på CSS og HTML, men har støtt på noen problemer jeg håper dere kan hjelpe meg med.

 

Saken er at jeg lagde meg ett oppsett jeg ble høvelig fornøyd med - alt virka bare splendid i Opera.

For ordens skyld skulle jeg bare sjekke i IE og DA fikk jeg en ubehagelig overaskelse.

 

Alle DIV'ene var side om side istedet for det ryddige oppsettet jeg hadde i Opera.

 

Håper noen kan hjelpe meg her :)

Takker for alle svar!

 

 

*UPDATE* se siste post :)

Endret av Knut Erik

Videoannonse

Videoannonse
Annonse
mohuhau

mohuhau

Skrevet
Skrevet

Vis oss html-koden du har brukt, ikke en strippet versjon uten noe innhold og med manglende tager i forhold til cssen...

 

Sett clear:left; på diven som skal komme på ny linje. Muligens også clear:right; på #hovedfelt.

K..

K..

Skrevet
  • Forfatter
Skrevet

Heisann! :)

 

Takk for svar, har nesten fått det i boks nå.

Har dog et problem med at #hovedfelt ikke kommer på rett plass.

 

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Testside</title>
<link type="text/css" rel="stylesheet" href="css_sheet.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>

<body>
<div id="wrap">
<div id="header"></div>
<div id="hovedfelt">Mest test her liksom</div>
<div id="menu"></div>
<div id="corner"></div>

</div>
</body>
</html>

 

CSS

<style type="text/css">

/* DIVOPPFØRSEL */

#wrap {
width: 500px;
margin: 0 auto;
 }

#hovedfelt {
float: right;
width: 400px;
height: 303px;
clear:right;
 }


#header {
float: left;
width: 500px;
height: 97px;
background-image: url(images/header.gif);
clear:left;
 }


#corner {
float: left;
width: 100px;
height: 120px;
background-image: url(images/corner.gif);
clear:left;
 }


#menu {
display: block;
float: left;
width: 100px;
height: 188px;
background-image: url(images/04.gif);
clear:left;
 }
</style>

 

Siden vises fortsatt rett i Opera, men #hovedfelt kommer galt i IE.

Se vedlagt fil.

 

 

Takker så mye for hjelp så langt. :)

K..

K..

Skrevet
  • Forfatter
Skrevet

Ørliten bumb her. ;)

Er det skikkelig vrient å fikse problemet mitt, eller gjør jeg bare en slurvefeil?

 

Hadde vært greit å få dette på plass - håper noen kan se på det.

 

På forhånd takk. :)

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