Welcome, Guest. Please login or register.
Did you miss your activation email?


Login with username, password and session length

Search

 
Advanced search

19270 Posts in 2521 Topics- by 907 Members - Latest Member: lazyman
Euro Free Code ForumiPromocija i Razvoj sajtovaCSS (Cascading Style Sheet) (Moderator: kraguljac)[RIJEŠENO] Postavljanje DIVs u sredinu stranice
Pages: [1]   Go Down
Print
Author Topic: [RIJEŠENO] Postavljanje DIVs u sredinu stranice  (Read 1821 times)
Vrlo Jak Tim
GLOBAL MODERATOR
Sr. Member
*
Offline Offline

Posts: 326



View Profile
« on: 23.07.2007; 22:55:04 PM »

Imam dva DIV, postavljeni su jedan pored drugog.
Htio bih da mi uvijek budu po horizontali u sredini, bez obzira na rezoluciju monitora.
Jedan DIV je širok 220px, drugi 520 px.

Kako da ih postavim u jedan DIV a da stalno budu u sredini?
« Last Edit: 25.07.2007; 15:55:30 PM by Vrlo Jak Tim » Logged

Svi mi drugi svoju tamu nude, a iz tebe sija vječni sjaj...
jazzman
Ivan Trebješanin
SITE ADMIN
Hero Member
*
Online Online

Posts: 1413



View Profile WWW
« Reply #1 on: 24.07.2007; 01:59:50 AM »

<div id="omotach">ovde sta god hoces</div>

CSS:

#omotach {margin: 0 auto;}
Logged

I've got a snap in my finger...
Got rhythm in my walk...
Enzo
Zenica
Hero Member
*****
Offline Offline

Posts: 513


MONOBLUE.ORG


View Profile WWW
« Reply #2 on: 24.07.2007; 03:18:48 AM »

Ja sam ovo uradio za administratorski dio.

margin-left: 46%;

I na sredini je, pa skoro .)
Logged

Vrlo Jak Tim
GLOBAL MODERATOR
Sr. Member
*
Offline Offline

Posts: 326



View Profile
« Reply #3 on: 24.07.2007; 03:19:27 AM »

Tnx, Jazz...

Nije bilo baš tako prosto, DIVs su imali različite širine, a onda sam ja to postavio u sredinu, mijenjajući negativne left margine...
Ovako se vidi u svim browserima isto, sigurno.

Code:
#div1_lijevi {
position:absolute;
top: 0px;
left: 50%; /* postavlja ga na sredinu stranice */
width: 220px;
margin-left: -370px; /* ((širina DIV1)+(širina DIV2))/2 */
height: 100%;
overflow: auto;
background: #ffffff;
}

#div2_desni {
position:absolute;
left: 50%; /* postavlja ga na sredinu stranice */
top: 40px; /* zbog visine slike u DIV1
width: 520px;
height: 100%;
margin-left: -150px; /* ((širina DIV1)+(širina DIV2))/2 */
}
Logged

Svi mi drugi svoju tamu nude, a iz tebe sija vječni sjaj...
jazzman
Ivan Trebješanin
SITE ADMIN
Hero Member
*
Online Online

Posts: 1413



View Profile WWW
« Reply #4 on: 24.07.2007; 03:40:17 AM »

Pa može i komplikovano, naravno    Tongue
Logged

I've got a snap in my finger...
Got rhythm in my walk...
Vrlo Jak Tim
GLOBAL MODERATOR
Sr. Member
*
Offline Offline

Posts: 326



View Profile
« Reply #5 on: 25.07.2007; 15:54:50 PM »

Pa može i komplikovano, naravno    Tongue

Ma nije problem u komplikacijama već u tome što je je jedan DIV morao stalno da stoji na svom mjestu, u njemu je menu. Ubacivanjem ta dva diva u kontejner nije bilo dobro rješenje jer je se i kontejner sa menijem skrolovao ako je u drugom DIV bio dugačak sadržaj. Tnx, anyway. Good work.

Mea culpa je sto sam rekao da ih treba postaviti u poseban div. Izvinjavam se.
Logged

Svi mi drugi svoju tamu nude, a iz tebe sija vječni sjaj...
Pages: [1]   Go Up
Print
Jump to: