XSL : obalenie 2 xsl-templatov do spolocneho divu

ovvo

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

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

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

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

ovvo

no problem je ze ja zatial neviem spravit ani obalovaci div

vid prispevok nad tebou

GoodWill

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

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

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

camo

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

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

ale hlavne ze to funguje diky

camo

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

XSL : obalenie 2 xsl-templatov do spolocneho divu

Podobné témy

XSL problem

zobrazenie XSL na localhoste

XSL count na zaklade podmienky

XSL - zobraz schovaj - radio buttom

transformacia xml a xsl pomocou php 5

transformacia xml a xsl pomocou php 5

zobrazenie divu vedla divu centrovaného na stred

obalenie prbolem

pouzitie phpbb templatov

Spojenie for do jedneho spolocneho

Modrookí ľudia majú jedného spoločného predka

Naprogramovanie funkcie na najdenie spolocneho delitela a nasobku

Roztiahnutie divu

zobrazenie DIVu

Vycentrovanie divu

vyska divu