View previous topic :: View next topic |
Author |
Message |
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 06.04.2005 11:06 Post subject: Centriranje floata u css-u |
|
|
Znaci, pitanje je kako da centriram kompletnu stranicu koja ima wrapper div i koji je floatan u lijevo i ima neku određenu sirinu. Probao sam sa auto width marginama ali ne radi u IE (gle cuda), proradi jedino kad stavim npr. lijevu marginu da je 25%, a desna ostane auto. Tada ce radit u firefoxu i operi ali IE to totalno igrnorira.
Trreba mi jedan univerzalni nacin da centriram stranicu a da radi u ff, operi i ie. Ako taj nacin uopce postoji. Nadam se da ste me skuzili, ako treba pejstam cijeli kod.
znaci imam:
#wrapper {
float:left;
margin-left:25%;
margin-right:auto;
width:300px;
...
} |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 06.04.2005 11:10 Post subject: |
|
|
nemreš imat i ovce i novce...
Makni float, vjerovatno ti niti ne treba (footer može clearat sve iznad njega, ak te to maltretira) ili sve skupa stavi u još jedan wrapper. Za IE ti body treba imati text-align: center; , wrapper text-align: left; |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 06.04.2005 22:12 Post subject: Re: Centriranje floata u css-u |
|
|
F@NTOM wrote: | Znaci, pitanje je kako da centriram kompletnu stranicu koja ima wrapper div i koji je floatan u lijevo i ima neku određenu sirinu. Probao sam sa auto width marginama ali ne radi u IE (gle cuda), proradi jedino kad stavim npr. lijevu marginu da je 25%, a desna ostane auto. Tada ce radit u firefoxu i operi ali IE to totalno igrnorira.
Trreba mi jedan univerzalni nacin da centriram stranicu a da radi u ff, operi i ie. Ako taj nacin uopce postoji. Nadam se da ste me skuzili, ako treba pejstam cijeli kod.
znaci imam:
#wrapper {
float:left;
margin-left:25%;
margin-right:auto;
width:300px;
...
} |
Code: | #wrapper {
margin: 0px auto;
width: 300px;
...
|
ne kuzim zasto bi floatao wrapper left ako ti je sve centrirano "na sredinu"?
uglavnom margin:0px auto ce ti ga centrirati u svim browserima |
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 06.04.2005 22:45 Post subject: |
|
|
mislim, floataš nešto left, a želiš to centrirati... nisi mi baš jasan
ako kažeš nečemu da ide left, to ti nije baš sredina |
|
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 07.04.2005 14:10 Post subject: |
|
|
wrapper sam floatao left jer sam tako jedino uspio dobit skroz flexibilan sajt koji se rasteze kako dodajem sadrzaj. Ako maknem float kako dodajem sadrzaj u container samo mi se container rasteze, a kako wrapper nema float ne uspijeva ga obuhvatit i container onda ispada.
Code: |
body {
background-image:url(IMAGES/background.gif);
}
#wrapper {
float:left;
width:532px;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
border-style:solid;
border-width:5px;
border-color:#ffffff;
clear:left;
}
#container {
float:left;
width:530px;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
background-color:#F8F8F8;
border-width:1px;
border-color:#393939;
border-style:solid;
clear:both;
} |
|
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
|