PDA

Arată versiune īntreagă : Problema css ie6,7


SmoTru
21.05.2010, 17:11
De multe ori cand vreau sa creez unele chestii in html/css ma bat de problema asta si nu stiu cum sa o rezolv. Apare spatiu ala enervant acolo in IE.
In IE apare asa:

http://img340.imageshack.us/img340/8413/34878729.png

Iar normal ar trebui sa apara asa:
http://img33.imageshack.us/img33/5770/mozilau.png

Aici e partea HTML:



<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script src="jquery.js"></script>
</head>
<body>


<div id="continut"> <!-- Continut -->

<div id="meniu_sus"> <!-- Meniu -->

<div id="meniu_stanga"></div>
<div id="meniu_mijloc"> bla bla </div>
<div id="meniu_dreapta"></div>

</div> <!-- inchidere Meniu -->

<div id="umplutura"></div> <!-- la mishto, asa! :) -->

<div id="interior"> <!-- Interior -->
<div id="interior_sus"> <!-- interior SUS -->
<div id="interior_sus_stanga"></div>
<div id="interior_sus_mijloc"></div>
<div id="interior_sus_dreapta"></div>
</div> <!-- inchidere interior SUS -->
<div id="interior_continut"></div><!-- Interior continut -->
<div id="interior_jos"> <!-- Interior Jos -->
<div id="int_jos_st"></div>
<div id="int_jos_mij"></div>
<div id="int_jos_dr"></div>
</div> <!-- Interior`s end -->

<div id="umplutura"></div> <!-- la mishto, asa! :) -->
</div> <!-- Inchidere interior --> <!-- -->


</div> <!-- inchidere continut -->
</body>
</html>


Iar aici CSS-ul:



body
{
background-attachment:scroll;
background-color: #000000;
background-image: url('images/bg.png');
background-repeat: repeat;
color: #000000;
background-position:left top;
margin:0 auto;
padding:0;
text-align:center;
}


#continut
{
margin:auto;
text-align:left;
width:900px;
margin:0 auto;
padding:0;
float:center;
}

#meniu_sus
{
width:100%;
height:36px;
}

#meniu_stanga
{
width:12px;
height:36px;
background-image: url('images/ss.png');
background-repeat: no-repeat;
float:left;
}

#meniu_mijloc
{
width:876px;
height:36px;
background-image: url('images/ms.png');
background-repeat: repeat-x;
float:left;
}
#meniu_dreapta
{
width:12px;
height:36px;
background-image: url('images/ds.png');
background-repeat: no-repeat;
float:left;
}

#umplutura
{
width:100%;
height:30px;
}

#interior
{
width:900px;
min-height:600px;
}
#interior_sus
{
width:100%;
height:8px;
}
#interior_sus_dreapta
{
width:8px;
height:8px;
background-image: url('images/mds.png');
background-repeat: no-repeat;
float:left;
}
#interior_sus_mijloc
{
width:884px;
height:8px;
background-image: url('images/mms.png');
background-repeat: repeat-x;
float:left;
}
#interior_sus_stanga
{
width:8px;
height:8px;
background-image: url('images/mss.png');
background-repeat: no-repeat;
float:left;
}
#interior_continut
{
width:900px;
min-height:200px;
background-image: url('images/mms.png');
background-repeat: repeat;
float:left;
}
#int_jos_dr
{
width:8px;
height:8px;
background-image: url('images/mdj.png');
background-repeat: no-repeat;
float:left;
}
#int_jos_mij
{
width:884px;
height:8px;
background-image: url('images/mms.png');
background-repeat: repeat-x;
float:left;
}
#int_jos_st
{
width:8px;
height:8px;
background-image: url('images/msj.png');
background-repeat: no-repeat;
float:left;
}
#interior_jos
{
width:100%;
height:8px;
}



Are cineva rabdare sa imi explice pana la sfarsit ce trebuie facut ?
da alen
21.05.2010, 17:26
Nu m-am uitat prea bine, dar foloseste margin:0; unde este cazul.IE6 e un prost si nu adapteaza :)
Si cred ca era mai bine un link catre lucrare.
SmoTru
21.05.2010, 17:55
Linkul e:
http://prietenadevarat.com/

si mai am altul cu aceeasi eroare:
http://prietenadevarat.com/tdnew

nu e de la margin:0 .. am incercat si mai demult si acum sa fiu sigur.
Reconnaissance
24.05.2010, 23:24
Aplica-i un tratament constand in

overflow: hidden;
la #interior_sus, in CSS.