» »

Poravnava znotraj DIV

Poravnava znotraj DIV

alum ::

imam tezavo.
<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
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?

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…

Road Runner ::

wtf.

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 ;)

Road Runner ::

overlord_tm, da ne bom dolgovezil, klik :)
http://dusan.fora.si/blog/ (742617000027)

alum ::

hvala


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298342898 (2035) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151913 (1641) kr?en
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč
519729 (7528) nuuush
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč
133044 (2910) Road Runner
»

sredisnka poravnava - Dreamweaver 8

Oddelek: Izdelava spletišč
5881 (862) mikesi

Več podobnih tem