Forum » Izdelava spletišč » Poravnava znotraj DIV
Poravnava znotraj DIV
alum ::
imam tezavo.
inkludano stran mi v ie poravna kot je treba, torej mi div r_include poravna sredinsko glede na div mainright.
firefox mi stran poravna drugace, in sicer div r_include poravna sredinsko glede na div main.
vsaja obrazlozitev zakaj je tako ali kako naredi, da bo rezulatat v firefoxu enak kot v ie-je, je dobrodosla:)
<div id="main"> <div id="mainleft"></div> <div id="mainright"> <center> <div id="r_include">to je testno besedilo!</div> </center> </div> </div>
inkludano stran mi v ie poravna kot je treba, torej mi div r_include poravna sredinsko glede na div mainright.
firefox mi stran poravna drugace, in sicer div r_include poravna sredinsko glede na div main.
vsaja obrazlozitev zakaj je tako ali kako naredi, da bo rezulatat v firefoxu enak kot v ie-je, je dobrodosla:)
Tody ::
IE ima svoj način box modela kot FF in sodobni brskalniki to pokažejo OK... inžinirji MS so se iz nam neznanega razloga odločili da bodo sledili "drugim" standardom kot w3. Tako da moraš uporablajt hacke za IE. Ker glede na splošno uporabo w3 standardov FF pokaže prav in IE ne, baje je to popravljeno v 7 izdaji IE.
Road Runner ::
center tag poravna samo text, oz inline-level elemente ne pa tudi block-level elementov kot je div.
torej premakni center tag znotraj diva r_include, ali pa se loti stvari z uporabo cssja in text-align.
upam da sem prav razumel kaj hočeš narediti. drugače block-level element poravnaš na sredino s tem da daš levi in desni margin na "auto" (torej: margin-left:auto; margin-right:auto;) ampak dvomim da govoriš o tem glede na to da nikjer ne podajaš širine elementom
torej premakni center tag znotraj diva r_include, ali pa se loti stvari z uporabo cssja in text-align.
upam da sem prav razumel kaj hočeš narediti. drugače block-level element poravnaš na sredino s tem da daš levi in desni margin na "auto" (torej: margin-left:auto; margin-right:auto;) ampak dvomim da govoriš o tem glede na to da nikjer ne podajaš širine elementom
http://dusan.fora.si/blog/ (742617000027)
alum ::
rad bi poravnal celoten block element (r_include), na sredino njegovega vsebnika, torej blocka mainright.
kaksen je pravilen(oz. cim bolj standarden) postopek za to?
kaksen je pravilen(oz. cim bolj standarden) postopek za to?
overlord_tm ::
<style> #main { border: 1px black solid; padding: 5px; float:left; } #mainleft { border: 1px red solid; padding: 5px; float: left; margin-left:15px; } #mainright { border: 1px blue solid; padding: 5px; float:right; margin-right:15px; } #include { border: 2px gray dotted; padding: 5px; margin-left:auto; margin-right:auto; float:left; clear:left; width: 200px; margin-bottom:5px; } </style> <body> <div id="main"> <div id="mainleft"> <div id="include">to je testno besedilo!</div> <div id="include">to je testno besedilo! 2</div> <div id="include">to je testno besedilo! 3</div> </div> <div id="mainright"> <div id="include">to je testno besedilo!</div> <div id="include">to je testno besedilo! 2</div> <div id="include">to je testno besedilo! 3</div> </div> </div> </body> </html>
Si si takole zamislil?
[edit]
ubistvu je pomembno tole:
margin-left:auto;
margin-right:auto;
v include divu ;)
Zgodovina sprememb…
- spremenilo: overlord_tm ()
Road Runner ::
wtf.
html:
css:
html:
<div id="main">
<div id="mainleft"></div>
<div id="mainright">
<div id="r_include">to je testno besedilo!</div>
</div>
</div>
css:
#mainright { text-align:center; }
#r_include { margin:0 auto; width:[nekej]; }
http://dusan.fora.si/blog/ (742617000027)
Road Runner ::
btw, overlord_tm, tej margin auto res da delajo, ne delajo pa povsod. ie5.5 in nižji (za 6 nism zihr, možno da tud) pa rabijo še text-align:center v parent divu
http://dusan.fora.si/blog/ (742617000027)
overlord_tm ::
Racer, meni tale text-align dela, ampak ne če hočem narediti stran s tremi stolpci (levi menu/vsebina/desni menu). Če uporabim float, potem mi ne poravna sredinsko r_include diva.
Auto margini delajo v IE6, vsaj meni
Auto margini delajo v IE6, vsaj meni
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 342898 (2035) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1913 (1641) | kr?en |
» | CSS problemi (strani: 1 2 )Oddelek: Izdelava spletišč | 9729 (7528) | nuuush |
» | CSS background-image in IE6?Oddelek: Izdelava spletišč | 3044 (2910) | Road Runner |
» | sredisnka poravnava - Dreamweaver 8Oddelek: Izdelava spletišč | 881 (862) | mikesi |