Poravnava znotraj DIV @ Slo-Tech

Forum » Izdelava spletišč »
Poravnava znotraj DIV

Poravnava znotraj DIV

alum :: 28. dec 2005, 16:14

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 :: 29. dec 2005, 01:31

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 :: 29. dec 2005, 08:19

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 :: 30. dec 2005, 15:15

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 :: 30. dec 2005, 15:48

<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 (30. dec 2005 ob 15:50)

Road Runner :: 30. dec 2005, 15:53

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 :: 30. dec 2005, 15:56

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 :: 30. dec 2005, 16:47

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 :: 30. dec 2005, 17:12

overlord_tm, da ne bom dolgovezil, klik :)

http://dusan.fora.si/blog/ (742617000027)

alum :: 30. dec 2005, 18:09

hvala

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	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 ) Tody Oddelek: Izdelava spletišč	1298	344923 (4060)	sunniegoldie 11. sep 2024 05:12:48
»	Prikaz strani na različni resoluciji-Joomla jugostyle Oddelek: Izdelava spletišč	15	1927 (1655)	kr?en 26. jun 2014 18:57:18
»	CSS problemi (strani: 1 2 ) Tody Oddelek: Izdelava spletišč	51	9781 (7580)	nuuush 20. mar 2010 18:15:37
»	CSS background-image in IE6? para! Oddelek: Izdelava spletišč	13	3059 (2925)	Road Runner 12. jun 2008 19:07:09
»	sredisnka poravnava - Dreamweaver 8 mikesi Oddelek: Izdelava spletišč	5	895 (876)	mikesi 18. nov 2006 08:50:31

Več podobnih tem

Zadnje novice

Zadnji članki

Išči:

Forum » Izdelava spletišč »
Poravnava znotraj DIV

Poravnava znotraj DIV