Gå til innhold

Problem med høyde i Opera.

TheIlluminated

Anbefalte innlegg

TheIlluminated

TheIlluminated

Skrevet
Skrevet

Hei, styrer med å lage en side med en meny til venstre og hoveddelen til høyre for menyen. Meny og hoveddelen skal ha en height på 100%, og det virker i IE og FF, men i Opera får man på en måte 5px ekstra på bunnen.

 

Her er koden:

Design.css

#Left
{
   position: absolute;
   width: 150px;
   max-width: 150px;
   left: 0px;
   top: 0px;
   height: 100%;
   max-height:100%;
   background-color: White;
}
#Main
{
   position: absolute;
   top: 0px;
   left: 149px;
   width: 549px;
   max-width: 548px;
   height: 100%;
   max-height: 100%;
   background-color: White;
   border-left: 1px dashed black;
}
.Innhold
{
   padding: 10px;
}

Styles.css

html {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
background-color: #FFFFFF;
font-size: 1.0em;
font-family: Fixedsys, Arial, Sans-Serif;
color: #000;
height: 100%;
max-height: 100%;
margin: 0px;
padding: 0px;
background-color:  Silver;
}

og HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Hei og hå</title>
</head>
<body>
   <!-- 
   Meny og logo
   -->
   <div id="Left">
   </div>
    <!-- 
   Innhold
   -->
   <div id="Main">
   <div class="Innhold">
  Hei og hå
   </div>
   </div>
   <!--
   Slutt på #Main og #Innhold
   -->
</body>
</html>

 

Håper noen blir klok på dette. ;)

Videoannonse

Videoannonse
Annonse

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