Mam (upraszczając) 2 divy obok siebie
1 (main) - szerokość 550px
2 (zdjecia) - szerokość 155 px
Chciałbym zrobić tak że jeżeli div2 nie ma żadnej zawartości to jego szerokość=0 i wtedy div1 jest na całą szerokość - jak to zrobić? troche kombinowałem ale póki co udaje mi się jedynie to "zepsuć"
kod u mnie wygląda tak:
Kod
<div id="content">
<div id="sidebar">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="kolumny">
<div id="main">
<jdoc:include type="component" style="xhtml" />
</div>
<div id="zdjecia">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<div/>
<div id="sidebar">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="kolumny">
<div id="main">
<jdoc:include type="component" style="xhtml" />
</div>
<div id="zdjecia">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<div/>
Kod
#content {
clear: both;
width: 980px;
overflow: auto;
background: white url(../images/menu-prawe-tlo.jpg) repeat-y;
}
#sidebar {
float: left;
min-width: 183px;
text-align: left;
}
#kolumny {
float: right;
width: 797px;
background: white url(../images/srodek-kamien.jpg) no-repeat;
}
#main {
float: left;
width: 550px;
padding: 0 10px 0 45px;
min-height: 500px;
height:auto !important;
height:500px;
}
#zdjecia {
float: right;
width: 155px;
padding: 0 10px 0 10px;
min-height: 500px;
height:auto !important;
height:500px;
}
clear: both;
width: 980px;
overflow: auto;
background: white url(../images/menu-prawe-tlo.jpg) repeat-y;
}
#sidebar {
float: left;
min-width: 183px;
text-align: left;
}
#kolumny {
float: right;
width: 797px;
background: white url(../images/srodek-kamien.jpg) no-repeat;
}
#main {
float: left;
width: 550px;
padding: 0 10px 0 45px;
min-height: 500px;
height:auto !important;
height:500px;
}
#zdjecia {
float: right;
width: 155px;
padding: 0 10px 0 10px;
min-height: 500px;
height:auto !important;
height:500px;
}
