Varför olikt i IE o FF?

5 svar · 402 visningar · startad av Karamell 5 aug. 2005

KaramellMedlem sedan juni 200199 inlägg

Frågan5 aug. 2005 15:37#1

Sitter och fixar med min första riktiga uppbyggnad med divs men har fastnat. I Firefox ser det bra ut men IE lägger på någon sorts border.

Firefox:

Ie:

Jag har en container med grå bakgrund. I den ligger en div header(ni ser högerhörnet på den). Efter headern Ligger en div kallad mainbox som har grön bakgrund. Har 0 i marginaler och etc och det ser man ju i FF men varför lägger IE en border eller nått runt? Vill ju som sagt inte se bakgrunden utan den gröna divven ska ligga direkt under headern.

m_soderlundMedlem sedan sep. 20026 425 inlägg

5 aug. 2005 15:37#2

Visa oss gärna din kod.

KaramellMedlem sedan juni 200199 inlägg

5 aug. 2005 15:42#3

html, body{
  background-color:#000000;
  height:100%;
  text-align:center; 
  margin: 0px;
  padding: 0px;
  background: #000000 url(img/gradient.jpg) top left repeat-x;
}

#container{
    width:950px; 
    min-height: 100%; 
    background: #2C2C2C; 
    margin:0 auto;  
    margin-left: 0 auto;
    text-align: left;
}
#border-left{
    width: 25px;
    height: 1000px;
    margin-left: 0px;
    background: url(img/border-left.jpg) top left;
    float: left;
}
#border-right{
    width: 25px;
    height: 1000px;
    margin-left: 0px;
    background: url(img/border-right.jpg) top left;
    float: right;
}

#header{
    margin-top: 0px;
    margin-left: 25px;
    height: 150px;
    background: url(img/header.jpg) top left no-repeat;
}

#headerImage{
    position: absolute;
    width: 648px;
    height: 110px;
    font-family: verdana;
    background: url(banners/banner.jpg) top left no-repeat;
    margin-left: 226px;
    margin-top: 20px;
    float: left;
}

#menu {
    position: aboslute;
    font-family: verdana;
    font-size: 10px;
    padding: 0px;
    margin-right: 0px;
    width: 687px;
    background: url(img/knapp.jpg) top left ;
    float: right;
}

#mainbox{
    width: 160px;
    height: 150px;
    margin-top: 30px;
    margin-left: 0px;
    padding: 10px;
    background: green;
}

<div id="container">
    <div id="border-left">
    </div>
    <div id="border-right">
    </div>

    <div id="header">
        <div id="headerImage">
        </div>
    </div>

    <div id="menu">
        <img src="img/knapp.jpg" alt="Menyval">
    </div>
    
    <div id="mainbox">
    </div>
 </div>

KaramellMedlem sedan juni 200199 inlägg

5 aug. 2005 15:48#4

har upptäckt att om jag tar bort mina divvars för mina borders så ser man inte containerbakgrunden mellan divvarna och den vanliga bakgrunden. Så antar att något är knas med dem.

jarvkloMedlem sedan juli 20013 378 inlägg

5 aug. 2005 18:16#5

Hmm... Du har inte en länk till sidan så att man kan se helheten ?

MiraMedlem sedan maj 2001966 inlägg

6 aug. 2005 03:10#6

Har du skrivit DOCTYPE?
Jag märkte att det gjorde en viss skillnad utan den raden.