Autor Zpráva
k36
Profil
Dobrý den,
můj kód je tento
[pre]
#cenda2 {
position:fixed;
background:url(orezhrad2.jpg)no-repeat;
height:60px;
width:100ox;
}
[pre]
a můj problém tento:při zvětšení okna v IE9 obrázek zůstává v pozici fixed, ale v podstatě jede zleva doprava podle zvětšení zobrazení.Ostatní prohlížeče to nedělají,obrázek je všude fixed a při zvětšení nikam neujíždí.
Zkoušel jsem dát u height a width procenta místo pixelů.To pomohlo, ale jaksi zamrzly odkazy,a to přesně podle výšky kde se obrázek nachází.Nad ním ok pod ním ko.Obrázek mám daný vlevo od layoutu.
Děkuji za radu..
Yuhů
Profil
chtělo by to kromě CSS kódu vidět i tu podstatnou část HTML kódu.

Protože hlásíš odlišnost v Exploreru, napadá mě, jestli používáš správný doctype, aby byl dokument ve standardním módu.
peta
Profil
Spis bych rekl rovnou odkaz na stranku.
Mimochodem, ox, takovou jednotku neznam width:100ox;
k36
Profil
Yuhů:
Dobrýden,
děkuji za reakci
Můj doctype je:
<?xml version="1.0" encoding="windows-1250"?>
<!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" xml:lang="cs" lang="cs">
Stránku píšu v editoru Pspad
a podstatná část kódu:
<body>
       <div id="cenda"></div>                       
    <div id="cenda2"> </div>             

          <div id="obal"> 
                      
  <div id="zahlavi">
  <a href="index.html" class="men"> <span>Název spolecnosti </span> </a>

  <div id="drt">
<a href="onas.html">Mapa stránek</a> 
 </div> 
 <div id="kont">
<a href="cenik.html">Kontakt </a> 
</div>

<div id="hledej">
  <form action="onas.html">
<input id="pis" name="jidlo" type="text" />
 <input id="mac" value="Hledej" type="submit" />
 </form>
 </div>

   </div> <!-- konec bloku zahlavi -->   
   <div id="odkzal">
   <a href="onas.html" class="akt"> Fotolab</a>
   <a href="kontakty.html" class="akt">Fotoaparáty</a>
   <a href="cenik.html" class="akt"> Fotopotřeby</a>
   </div>  
   
   
 <div id="drobky">
 Jste tu dobře <a href="kontakty.html"> Fotografování</a> &gt;
               <a href="onas.html"> Grafika</a> &gt; a je to..
               </div>    
                                                   
  <div id="hlavni">             
    <div id="obsah">
            
    <div id="obsah-okraj">                  
      <h2 class="nadpisobsah">Obsah stránky</h2> 
         
 <div id="obr"> <a href="kv1.jpg"> <img class="bub" src="vary-male2.jpg" title="Karlovy Vary-kolonáda" /></a><p class="odstobr">Krásné město Karlovy Vary</p></div><p    
 <h2 class="ukazky">... a toto jsou ukázky naší práce:</h2>
                 
 <h2 class="vypln">Výplnový text</h2>
      <p>Lorem ipsum dolor sit amet</p>
 
      <p>Lorem ipsum </p>   
                    
   </div> <!-- konec bloku obsah -->  
                               
       <div id="podobne">

    <h3>Podobné odkazy</h3>
    <ul>
    <li><a href="cenik.html" id="prk1"><p> Fotografie Prahy</p> <span ></span> </a></li> 
    <li><a href="onas.html" id="prk2"><p>Fotografie Brna</p><span></span></a></li>
       
    </ul>    
    </div> 
     <div id="podobnedva"> 
      <div id="roh3"></div>
       <div id="roh4"></div>
    <h3>Podobné odkazy</h3>
        
              <ul>
    <li><a href="cenik.html"> Fotografie Prahy</a></li>
    <li><a href="onas.html"> Fotografie Brna </a></li> 
    </ul>  
         <div id="roh"></div>  
       <div id="roh2"></div> 
       <div id="roh5"></div>
    </div>                                                                           
    </div>
             
    <div id="menu">
      <h2>Navigace:</h2>
      <ul>
        <li> <a id="nav-onas" href="onas.html"><span> O nás </span></a> </li>
        <li><a id="nav-fotoradce" href="prodej.html"><span>Prodej</span> </a>   </li>
        <li><a id="nav-photoshop" href="sluzby.html"><span>Služby </span></a></li>
        <li><a id="nav-fotografie" href="cenik.html"> <span>Ceník </span></a></li>
        <li><a id="nav-recenze" href="kontakty.html"><span> Kontakt</span> </a></li>
      </ul> <!-- konec bloku menu -->
         </div>
                  
  </div> <!-- konec bloku hlavni -->
  
 <div id="zapati">
     </div>
        
 </div> 
    <!-- konec bloku obal -->
   
 </body>
odkaz na stránku bohužel dát nemohu,stránku zatím dělám doma v editoru Pspad.Zkusil jsem i script,ale bohužel,výsledek stejný..


peta:
Překlepy,to se někdy stává,dík za info.Ale bohužel to nebyla ta chyba,kterou bych to vyřešil.
Ale děkuji.


k36:
pokud nepoužiju position:fixed, obrázky krásně drží podél layoutu i při zvětšení nebo posunutí,ale nejsou fixed na místě,v momentě kdy dám fixed je to ...

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: