[ noviKorisnik @ 15.04.2004. 12:56 ] @
Želim da u svim browserima dobijem output kao na slici levo (IE 6, ono desno je Mozilla 1.1). Nemam sada vremena za detaljnija objašnjenja, može kasnije... Evo source Code: <html> <head> <title>title</title> <style> #nadnaslov_okvir {margin-left: 18px;} //#nadnaslov, .nadnaslov_popuna {background-color: #c03;} #naslov_okvir {margin-top: -6px;} //#naslov, .naslov_popuna {background-color: #999;} #nadnaslov, #naslov {padding: 0 18px;} .nadnaslov_popuna, .naslov_popuna {margin: 0 6px; height: 6px;} </style> <script> function postavi_okvir (nodeId) { var elem = document.getElementById (nodeId); elem.parentNode.style.width = elem.offsetWidth; } </script> </head> <body onload="postavi_okvir ('nadnaslov'); postavi_okvir ('naslov');"> <div id="nadnaslov_okvir"> <img src="c03_gore_levo.gif" align="left" height="6" width="6" hspace="0" vspace="0" border="0" /> <img src="c03_gore_desno.gif" align="right" height="6" width="6" hspace="0" vspace="0" border="0" /> <div class="nadnaslov_popuna"><img src="prazno.gif" /></div> <span id="nadnaslov">nadnaslov</span><br style="clear: both;" /> <img src="c03_dole_levo.gif" align="left" height="6" width="6" hspace="0" vspace="0" border="0" /> <img src="c03_dole_desno.gif" align="right" height="6" width="6" hspace="0" vspace="0" border="0" /> <div class="nadnaslov_popuna"><img src="prazno.gif" /></div> </div> <div id="naslov_okvir"> <img src="999_gore_levo.gif" align="left" height="6" width="6" hspace="0" vspace="0" border="0" /> <img src="999_gore_desno.gif" align="right" height="6" width="6" hspace="0" vspace="0" border="0" /> <div class="naslov_popuna"><img src="prazno.gif" /></div> <span id="naslov">naslov</span><br style="clear: both;" /> <img src="999_dole_levo.gif" align="left" height="6" width="6" hspace="0" vspace="0" border="0" /> <img src="999_dole_desno.gif" align="right" height="6" width="6" hspace="0" vspace="0" border="0" /> <div class="naslov_popuna"><img src="prazno.gif" /></div> </div> </body> </html> |