Autor Zpráva
microfox
Profil *
Mam udelanou stranku pres divy a problem je ten, ze mam levy,stred a pravy div obalen ve strance a podle toho jaky je obsah v techto trech divech tak potrebuju aby se ten div kterej tenhle ty tri obalil roztahoval a mel pozadi treba cerny...Bohuzel v nahledu v PSPADU to vse funguje jak ma ale kdyz to hodim pres firefox tak je problem a nevim jak ostatni prohlizece ale tam asi taky...

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="pspad editor, www.pspad.com">;
  <style>
  /* CSS Document */
body {background-attachment: fixed;                                  /* pozadí neroluje */
      background-image: URL('index_soubory/images/pozadi.png');              /* obrazek na pozadi */
      background-color: white;                                       /* případná barva pozadí bílá */
      color: black;                                                  /* barva písma */
      text-align: center;}                                           /* vycentrování pro IE */ 
  
#obal {width:1000px; 
       text-align:left;
       margin: 0 auto;}
       
#stranka {width:100%; background-color:black;}       
  
#hlavicka {width:100%; height:110px; background-color:red;}
#levy {background-color:green; width:60%;}
#stred {background-color:grey; width:10%;}
#pravy {background-color:pink; width:30%;}

#levy, #stred, #pravy { float: left;}  

#paticka {height:50px; clear: left; background-color: yellow;}
  
  
  </style> 
  <title></title>
  </head>
  <body>
    <div id="obal">
    
     <div id="hlavicka">    nakej text            </div>
     
   <div id="stranka">  
     <div id="levy">       nakej text <br>fdsfs              </div>
     <div id="stred">      nakej text nakej text <br>fdsfs nakej text <br>fdsfs               </div>
     <div id="pravy">      nakej text    nakej text <br>fdsfs nakej text <br>fdsfs nakej text <br>fdsfs nakej text <br>fdsfs            </div> 
</div>   
 <div id="paticka">    nakej text               </div>
  
    </div>
  </body>
</html>
microfox
Profil *
ano, IE to zobrazuje tak jak bych chtel....Google Chrome,Firefox nee a Opera nevim...
panther
Profil
microfox:
jak se dělají stejně dlouhé sloupce si dohledej. Řešilo se to tu mnohokrát.

Bohuzel v nahledu v PSPADU to vse funguje jak ma ale kdyz to hodim pres firefox tak je problem
PSPad zobrazuje s jádrem IE, kde tento příklad taky funguje.
microfox
Profil *
nasel jsem tu spoustu veci ale presne tohle co potrebuju sem tu teda nenasel :/ pokud sem se neprehledl...
panther
Profil
microfox:
pokud sem se neprehledl...
přehlédl, nebo jsi hledal špatně. Možná jsi hledal pod špatným heslem, záměrně jsem jej proto uvedl v [#3]. Je v textu, není ouvozovkováno, ale jistě jej najdeš.
Petr ZZZ
Profil
microfox:
Jak se dělají stejně dlouhé sloupce, se hledá takto:

stejně dlouhé sloupce
microfox
Profil *
Petr ZZZ:
To uz sem si nasel jen popisovany problem se vubec netyka toho meho :-)
Davex
Profil
microfox:
Protože je všechen obsah bloku #stranka plovoucí, tak je vlastně bez obsahu a má proto nulovou výšku (viz Jak funguje „float“ a „clear“). Když je nulová výška, tak se nemá pozadí kde vykreslit. V kompatibilním režimu Explorer výšku roztáhne, takže se černé pozadí ukáže. Za plovocími bloky bys měl použít čistič (prvek s vlastností clear) nebo nastavit #stránce vlastnost overflow: hidden.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0