XSL : obalenie 2 xsl-templatov do spolocneho divu

ovvo · Napísal **ovvo**: 15.12.2009 19:59

Zdravim

Uz dlhsie sa neviem vysporiadat z jednym dost zavaznym problemom.

Momentalne tvorim blog ktory sa sklada z dvoj-stlpcoveho css layoutu. Hlavna cast obsahuje posty blogu a bocny stlpec sluzi na info o mne.
Kod mam napisany nejak takto:

Kód:

  <xsl:template match="blog">
   <body>
   <!--  NAVIGACIA -->
   <div id="wrapper">
    <h1>...<xsl:value-of select="//title"/>...</h1>
         <div id="top-nav">
            <ul>
               <li><a href="/" >Home</a> | </li>
               <li><a href="http://blog.sk">Blog portal</a> | </li>
               <li><a href="http://upload" class="link">Upload</a> | </li>
               <li><a href="http://newpost" class="link"><strong>New Post</strong></a></li>
            </ul>
         </div>
  <!-- HEADER -->

  <div id="mmagic"> </div>
  <div id="header"></div>
  <div id="spacer"> </div>
      
   
             
          <div id="body">

           <!--HLAVNA CAST -->
            <div id="left"> 
                 
                          <xsl:if test="$action='default' and $searchbox=''">
                          <xsl:if test="$postID='default'">
                          <xsl:call-template name="date" /> 
                          <xsl:call-template name="allPosts"/>
                          </xsl:if>
                          </xsl:if>
          

                         <xsl:if test="$action='viewPost'">
                         <xsl:for-each select="//post[@ID = $postID]">
                          <xsl:apply-templates select="." mode="cely"/>
                         </xsl:for-each>
                         </xsl:if>
            
            <xsl:if test="$action='addComment'">
              <xsl:call-template name="addComment" />
            </xsl:if>
            
            <xsl:if test="$action='addReply'">
              <xsl:call-template name="addReply" />
            </xsl:if>  
            
          </div> 
          
     <!-- PRAVY BOCNY PANEL --> 

          <xsl:call-template name="sideMenu"/> 


      <!-- FOOTER -->
          <div id="copyright">
               <p><!--&copy;--> All rights reserved | designed by <a    href="http://design.com">design</a></p>
          </div>
        </div>  
       </div>
        
      </body>
 
 </xsl:template>
        

Problem je, ze potrebujem aby obe vygenerovane casti tj, HLAVNA CAST a PRAVY BOCNY PANEL boli obalene v jednom dive, aby som ich dokazal nastavit na rovnaku dlzku resp vysku.
este css kod:

Kód:

#wrapper {
   text-align: left;
   margin: auto;
   width: 728px;
   position: relative;
}
#left {
  float: left;
  width: 412px;
}
#right {             /*pouziva sa v PRAVOM BOCNOM PANELI*/
  float: right;
  width: 314px;
  height: 100%;
  background-color: #b1b6bf;  
}                                        

Za kazdy napad som vdacny a ospravedlnujem sa ak tu uz tato tema bola

shaggy · Napísal **shaggy**: 16.12.2009 0:11

A otázka znie ako?

Potrebuješ, aby boli obalené v jednom dive? Tak čo ti bráni obaliť obe do jedného divu?

Ak ti ide o to, aby po obalení mali oba divy rovnakú výšku (ten menší sa prispôsoboval tomu väčšiemu), tak toto sa ti nepodarí. Možno by bolo lepšie ukázať nám, čo chceš dosiahnuť, alebo sa nejak normálnejšie opýtať.

ovvo · Napísal autor témy **ovvo**: 16.12.2009 0:48

ano presne tak..potrebujem aby boli obalene v jednom dive..lenze!
ked to obalim nejak mi to ten div nebere proste ten obalovaci div ich ignoruje a vobec sa nechova ako ich nadradeny div... :jaw:

neviem ci to je tym ze tie vnutorne divy sa generuju nejak neskor ako ten hlavny obalovaci alebo co ..fakt nemam tusenia

blog vyzera nejak takto:

XSL : obalenie 2 xsl-templatov do spolocneho divu

a potrebujem aby sa bocny panel predlzoval pekne zarovno hlavnej casti
nie ako to je teraz.

dufam ze je to zrozumitelnejsie

mylan · Napísal **mylan**: 16.12.2009 0:50

Rieši sa to obrázkom na pozadí obalového divu, viď http://www.pixy.cz/blogg/clanky/css-3col-layout/

ovvo · Napísal autor témy **ovvo**: 16.12.2009 11:52

no problem je ze ja zatial neviem spravit ani obalovaci div

vid prispevok nad tebou

GoodWill · Napísal **GoodWill**: 16.12.2009 12:20

Nerozumiem ani ja. Ak jeden div zabalis do druheho, tak ten "obalovaci" rozhodne bude nadradeny tomu co je vnom. Ak sa ti to tak nezobrazi, skus tomu obalovaciemu divu tiez nastavit vlastnost float.

A tvoj problem nema nic spolocne s XSL, nazov temy je dost zavadzajuci, riesis len html/css problem

ovvo · Napísal autor témy **ovvo**: 16.12.2009 13:14

No pozri. V klasickej konstrukcii stranky s pouzitim html-css toto neni problem spravit..robil som to uz milionkrat. Tentokrat vsak pouzivam konstrukciu html xsl css a nejde to,preto som dal taky nadpis aky je, pretoze si osobne myslim, ze sa jedna prave o to xsl-ko, ktore mi znemoznuje to zarovnat, pretoze prave to xsl-ko mi generuje kus kodu, ktory obsahuje tie dva divy ktore potrebujem zarovnat! Proste rovnake css-ko ktore je funkcne na stranke HTML nie je funkcne na stranke XSL strucne povedane. (struktura oboch dokumentov je identicka)
Pozri sa na toto:

Kód:

<xsl:template match="/">
   <html>
     <head>
        <title>
        <xsl:value-of select="user/blog/title"/>
       </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="print.css" media="print" />
     </head>
     <body>
     <div class="kontajner">
     <xsl:apply-templates select="user/blog" />
     </div> <!--kontajnerEND-->
     </body>
      </html>
     
     
  
 </xsl:template>

CSS:

Kód:

.kontajner{ 
border-style: dotted dotted dotted dotted;
 border-color: rgb(255,0,255); /*Fuchsia*/
}

takto sa mi generuje stranka a snazil som sa ked uz nic ine tak aspon celu stranku obalit do divu kontajner ze ci sa mi aspon to podari a nic

... stane sa to ze mi obali len header a na ten zbytok sa vykasle tomu nechapem preco? :loony:

GoodWill · Napísal **GoodWill**: 16.12.2009 14:41

Mozne to je, aj ked dost nepravdepodobne. uverim az to uvidim

camo · Napísal **camo**: 16.12.2009 17:16

No ak to správne chápem tak problém s obalovaním je vo float.
Floatované prvky sú ,,vyňaté z toku dokumentu,,.
Treba tam vložiť ,,clearovač,,.
No a potom s tou rovnakou dĺžkou to môžeš riešiť ako radil milan, alebo Javascriptom cez offsetHeight().

ovvo · Napísal autor témy **ovvo**: 20.12.2009 18:19

Dakujem vsetkym za rady ten clearovac pomohol..vobec ma nenapadlo takto sa nato pozerat :oops:

ale hlavne ze to funguje diky

camo · Napísal **camo**: 21.12.2009 11:06

To je normálne, že to človeka nenapadne.
CSS obsahuje kopu vecí, ktoré by ,,normálneho,, človeka nenapadli.

XSL : obalenie 2 xsl-templatov do spolocneho divu

Podobné témy