kis blokkok csoportjának középre rendezése
Sziasztok!
A következő problémára szeretnék megoldást találni:
Vegyük az alábbi demo html-t:
A középső blokkban lévő piros kockák balra vannak úsztatva, szélességtől függően fér ki több vagy kevesebb oszlop. Az lenne a cél, hogy a kis kockák az oszlopok számától függetlenül mindig középen legyenek.
Nekem már nincs rá ötletem, minden segítséget szívesen fogadok.
<html>
<head>
<style>
#bal {
background-color: #a4c;
float:left;
width:200px;
z-index: 200;
}
#kozep {
background-color: #34f;
float:left;
margin: 0 200px;
position: absolute;
z-index: 20;}
#jobb {
background-color: #800;
float:right;
width:200px;
z-index: 200;
}
.node {
width: 80;
height: 60;
background-color: #c00;
margin: 6px;
float: none;
}
.nc {
float:left;
}
#cc {
margin: 20px;
display: table;
text-align: center;
}
#ccc {
text-align: left;
margin: 0 auto;
padding: 0;
border:1px solid;
display:block;
}
</style>
</head>
<body>
<div id="bal">
bal
<p>
Tizenegy cég vette meg az októberben kiírt mobilfrekvencia-tender pályázati anyagát, és öt pályázat már megérkezett a Nemzeti Hírközlési Hatósághoz. A 450Mhz-es frekvenciára két cég, a 26GHz-es csomagok közül a „D” jelűre egy, az „E” jelűre pedig két cég adott be pályázati anyagot.
</p>
<p>
A hatóság egyelőre nem árulja el a pályázók nevét, mert először nyilvántartásba veszi a dokumentumokat, és megvizsgálja, hogy azok megfelelnek-e a formai követelményeknek. Várhatóan jövő hét elején hirdetik ki a névsort, de korábban felmerült, hogy a Mobile Wireless Broadband Hungary, a TVNetwork, a GTS és az Antenna Hungária esélyes az indulásra.
</p>
</div>
<div id="jobb">
jobb
<p>
A GTS Datanet a megkeresésünkre nem árulta el, hogy beadták-e a pályázatukat. A cég nemrég stratégiát váltott, és a lakossági helyett az üzleti szolgáltatásokra helyezi a hangsúlyt, ám ez nem kizáró ok. Szakértőktől úgy tudjuk, hogy a 450 MHz - azon túl, hogy könnyen lehet rajta vidéken lakossági mobilinternet szolgáltatást nyújtani - ipari-nagyvállalati célokra is alkalmas. A Mobile Wireless Broadband egyelőre nem szeretne nyilatkozni, ők sem árulták el, hogy beadták-e pályázatukat.
</p>
</div>
<div id="kozep">
<h3>Nyílt pálya</h3>
<p>
A pályázati kiírás szerint a 450MHz-es pályázaton nem vehetnek részt a jelenlegi mobilszolgáltatók és a velük egy cégcsoportba tartozó vállalkozások; közvetett, vagy közvetlen magyar állami tulajdonban lévő vállalatok, illetve olyan szolgáltatók, akik 3,5GHz-es frekvenciahasznosítási jogosultsággal rendelkeznek. A „D” csomagra bárki pályázhatott, az „E”-re pedig a jelenleg piacon lévő három mobilszolgáltató kivételével bárki.
</p>
<div id="cc" align="center">
<div id="ccc">
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
</div>
</div>
<p>
Az NHH által meghirdetett frekvenciacsomagok közül négynek, a GSM/UMTS mobilszolgáltató piacralépését lehetővé tevő „A” frekvenciacsomagnak, valamint az attól elválaszthatatlan 26GHz-es „C”, „F” és a „G” csomagok pályázati anyagát december 12-én kell leadni.
</p>
</div>
</body>
</html>
■ A következő problémára szeretnék megoldást találni:
Vegyük az alábbi demo html-t:
A középső blokkban lévő piros kockák balra vannak úsztatva, szélességtől függően fér ki több vagy kevesebb oszlop. Az lenne a cél, hogy a kis kockák az oszlopok számától függetlenül mindig középen legyenek.
Nekem már nincs rá ötletem, minden segítséget szívesen fogadok.
<html>
<head>
<style>
#bal {
background-color: #a4c;
float:left;
width:200px;
z-index: 200;
}
#kozep {
background-color: #34f;
float:left;
margin: 0 200px;
position: absolute;
z-index: 20;}
#jobb {
background-color: #800;
float:right;
width:200px;
z-index: 200;
}
.node {
width: 80;
height: 60;
background-color: #c00;
margin: 6px;
float: none;
}
.nc {
float:left;
}
#cc {
margin: 20px;
display: table;
text-align: center;
}
#ccc {
text-align: left;
margin: 0 auto;
padding: 0;
border:1px solid;
display:block;
}
</style>
</head>
<body>
<div id="bal">
bal
<p>
Tizenegy cég vette meg az októberben kiírt mobilfrekvencia-tender pályázati anyagát, és öt pályázat már megérkezett a Nemzeti Hírközlési Hatósághoz. A 450Mhz-es frekvenciára két cég, a 26GHz-es csomagok közül a „D” jelűre egy, az „E” jelűre pedig két cég adott be pályázati anyagot.
</p>
<p>
A hatóság egyelőre nem árulja el a pályázók nevét, mert először nyilvántartásba veszi a dokumentumokat, és megvizsgálja, hogy azok megfelelnek-e a formai követelményeknek. Várhatóan jövő hét elején hirdetik ki a névsort, de korábban felmerült, hogy a Mobile Wireless Broadband Hungary, a TVNetwork, a GTS és az Antenna Hungária esélyes az indulásra.
</p>
</div>
<div id="jobb">
jobb
<p>
A GTS Datanet a megkeresésünkre nem árulta el, hogy beadták-e a pályázatukat. A cég nemrég stratégiát váltott, és a lakossági helyett az üzleti szolgáltatásokra helyezi a hangsúlyt, ám ez nem kizáró ok. Szakértőktől úgy tudjuk, hogy a 450 MHz - azon túl, hogy könnyen lehet rajta vidéken lakossági mobilinternet szolgáltatást nyújtani - ipari-nagyvállalati célokra is alkalmas. A Mobile Wireless Broadband egyelőre nem szeretne nyilatkozni, ők sem árulták el, hogy beadták-e pályázatukat.
</p>
</div>
<div id="kozep">
<h3>Nyílt pálya</h3>
<p>
A pályázati kiírás szerint a 450MHz-es pályázaton nem vehetnek részt a jelenlegi mobilszolgáltatók és a velük egy cégcsoportba tartozó vállalkozások; közvetett, vagy közvetlen magyar állami tulajdonban lévő vállalatok, illetve olyan szolgáltatók, akik 3,5GHz-es frekvenciahasznosítási jogosultsággal rendelkeznek. A „D” csomagra bárki pályázhatott, az „E”-re pedig a jelenleg piacon lévő három mobilszolgáltató kivételével bárki.
</p>
<div id="cc" align="center">
<div id="ccc">
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
<div class="nc">
<div class="node">
</div>
</div>
</div>
</div>
<p>
Az NHH által meghirdetett frekvenciacsomagok közül négynek, a GSM/UMTS mobilszolgáltató piacralépését lehetővé tevő „A” frekvenciacsomagnak, valamint az attól elválaszthatatlan 26GHz-es „C”, „F” és a „G” csomagok pályázati anyagát december 12-én kell leadni.
</p>
</div>
</body>
</html>
Nem tudom ezt akartad-e
Hogy lehetnek középen, ha balra vannak úsztatva?
Pontosan erre! :)
Köszi szépen!
Hopp, mégsem :(
Az egésznek a célja, hogy ha
Ha viszont éppen olyan széles a dolog, hogy még éppen nem fér ki egy oszlop, akkor csúnyán néz ki, hogy a bal oldalon kevesebb térköz van mint a jobb oldalon.
Százalék....
úgy egy kicsit macerás belállitani:
Ezek egymás alá mennek
Eddig ez a tuti! Köszi! Aki
Sajnos ff2-be egymás alá
display: inline-block;
sor.
Na igen, erre gondolhattam
Nem ezt szeretném
Ez a zoom-osra akart válasz
Ha fixet akarsz..
Pont az lenne a lényeg, hogy
Pont a lényeg
Pont a lényeg