Autor Zpráva
Tirus
Profil
Nevím tedy jak to testovat na IE7,a le mám IE9 a jakoby ignoroval 50% CSS.
nejvíce ignoruje margin a např. left_side a right_side jsou odsazené od top cca 10 pixeli.

CSS
body {
    background-color: #000000;
    font-family: "Times New Roman", Times, serif;

}

#wrapper{
    margin: auto;
    background-color: #FFFFFF;
    width:1000px;
}
#head{
    height: 160px;
    width: 100%;
    background-color: #FFFFFF;
}
#head #box{
    margin: auto;
    background: url(images/top_box.png);
    background-repeat: no-repeat;
    width:476px;
    height:90px;
}
#top_line{
    width: 100%;
    height: 6px;
    background: url(images/top_line.png);
    background-repeat: repeat-x;
}
#left_side{
    float: left;
    width: 730px;
    min-height: 300px;
    background-color: #FFFFFF;
}
#right_side{
    float: right;
    width: 270px;
    min-height: 300px;
    background: url(images/right_side.png);
    background-repeat: repeat-y;
}
#footer{}
#search_box{
        margin-left: 40px;
        background: url(images/search_box.png);
        background-repeat: no-repeat;
        height: 29px;
        width: 310px;
}


html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>adasd</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
  </head>
  <body>
      <div id="wrapper">
          <div id="head">
              <div id="box"></div>
          </div>
          <div id="top_line"></div>
          <div id="left_side">
              <div id="search_box"></div>
          </div>
          <div id="right_side"></div>
          <div id="footer"></div>

      </div>
  </body>
</html>
panther
Profil
Tirus:
dodej odkaz na web.
Tirus
Profil
panther:
snad to půjde.. mám to na lokále a na vlastní IP se nedostanu.
Chamurappi
Profil
Reaguji na Tira:
Nefunguje ti centrování, height se chová jako min-height, element s výškou 6px se roztahuje na výšku řádku, min-height nefunguje a ještě je tam něco s floatováním. Zjevně očekáváš chování standardního režimu, tak proč jedeš v quirku? V XHTML je sice <!doctype> k ničemu, ale ty používáš HTML a tam přepíná režimy.
Tirus
Profil
Chamurappi:
děkuji.. o tom quirk modu slyším poprvé... toto mi udělal netbeans sám :(
Tirus
Profil
a ještě. je lepší PNG či GIF? Či něco úplně jiného?
panther
Profil
Tirus:
jak na co. Každý z formátů se hodí na něco jiného.
Tirus
Profil
panther:
když to vezmu na vzhled... nejde o fotografie..
a další věc je ta, proč mi nejde display: inline a také searchbox nemám přilepený na té liště.. ? (IE 8 ) :(
panther
Profil
Tirus:
když to vezmu na vzhled
záleží na obrázku. Tato témata tu již byla, v rychlosti jsem našel třeba tohle. Najít jich půjde i více, když budeš chtít.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0