Hogyan lehet megoldani, egy belső div ne örökölje a külső formázásokat?
Van a következő szerkezetű html:
<body>
<div id="mainmenu"></div>
<div id="main">
..<div id="submenu"></div>
..<div id="content1></div>
..<div id="content2"></div>
</div>
</body>
Azt szeretném elérni, hogy mondjuk a content2 div, ne örököljön semmilyen css formázást a parent divtől, sem pedig a body tulajdonságait.
A divbe html tartalom töltödik be adatbázisből, ami tartalmazza a sajat formázásait, ezek nem illenek össze a layout-hoz tartozó uj css-el.
Esetleg, nem formazod a .body-t, hanem minden div-et egyenkent?
#main .h1 { } stilusban? :)
Ugy nem jobb?
Magyarul nem hozol letre kozponti formazasokat, csak a div-re vonatkozokat?
a div-ek formázása inkább:
html-ben: <div class="mainmenu"...
css-ben: div.mainmenu {...}
És mondjuk amelyik div-et védeni akarod, elé teszel egy: <div class="clearer"></div>
ami css-ben: div.clearer { clear : both; }
És így szebb is szerintem a kód :)
vmi olyasmi megoldás lenne jó inkább (akár css akár js), amivel olyan hatást lehet elérni mintha a
document.getElementById('content2').style=new style()
//ez nem helyes js
a lényeg h a div style tulajdonságát kellene a default üresre állítani vhogy
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!