Zaloguj się

rakoth · 25-10-2010, 01:42

jim_100 · 25-10-2010, 01:47

Musisz to wszystko umieścić w dodatkowym divi-ie najbardziej popularna nazwa dla takiego diva to "kontener" prościej pudełko w którym umieścisz logo, baner, menu i treść i jeszcze ważna rzecz jak dodasz tego diva to w css dla tego diva ustawiasz wartość: margin: 0px auto; co spowoduję wyśrodkowanie kontenera na środku wraz z jego zawartością

rakoth · 25-10-2010, 02:19

swinia · 25-10-2010, 02:21

wystarczy dodać dal body kod

margin-left: auto;
margin-right: auto;

Pedro84 · 25-10-2010, 02:42

Div #kon musi mieć nadaną szerokość.

ixtab · 25-10-2010, 02:43

Nawiązując do odpowiedzi @jim_100 kod będzie wyglądał tak:

Kod:
<body>

<div class="kontener">

    <div id="logo">

        Box 1

    </div>

    <div id="baner">

        Box 2

    </div>

    <div id="menu">

        Box 3

    </div>

    <div id="tresc">

        Box 4

    </div>

</div>

</body>

a do CSS dodajemy:

Kod:
.kontener {

     width: 900px; /* popraw sobie tak, żeby zmieściły się obie kolumny */

     margin:0 auto;

}

rakoth · 25-10-2010, 15:22

Udalo mi sie osagnac zamierzony efekt, aczkolwiek troche okrezna droga chyba i co najgorsze nie dokonca wszystko rozumiem

Kody teraz wygladaja tak:
HTML

Kod:
<html>

      <head>

        <LINK REL="stylesheet" type="text/css" HREF="style.css">

      </head>

<body>

<div class="kontener">

    <div id="logo">

        Box 1

    </div>

    <div id="baner">

        Box 2

    </div>

    <div id="menu">

        Box 3

    </div>

    <div id="tresc">

        Box 4

    </div>

</div>

</body>

</html>

CSS

Kod:
body {    

    background-image: url("tlo.png");

    }

.kontener {

     width: 950px;

     margin:0 auto;

}

#logo {

        position:relative;

        width: 220px;

        height: 180px;

        top: 30px;

        left: 30px;

        background-image: url("logo.png");

    }

#baner {

        position:relative;

        width: 650px;

        height: 150px;

        top: -150px;

        left: 270px;

        background-image: url("baner.png");

    }

#menu {

        position:relative;

        width: 210px;

        height: 400px;

        top: -100px;

        left: 35px;

        background-image: url("menu.png");

    }

#tresc {

        position:relative;

        width: 640px;

        height: 450px;

        top: -500px;

        left: 275px;

        background-image: url("tresc.png");

}

zmienilem argument position z absolute na relative.
No i wlasnie tego do konca nierozumiem. Przyznam ze wartosci dobierlem metoda prob i bledow bo nie moge dojsc w jaki sposob on te wspolrzedne czyta.

Jak by ktos mogl mi to wytlumaczyc bylbym wdziczny Smile

Chcialbym takze podziekowac za szybkie odpowiedzi, bo bez tych wskazowek efektu bym nie osiagnal.

ixtab · 25-10-2010, 15:33

http://www.signs.pl/html/s/position.php

rakoth · 25-10-2010, 18:00

Ok, czyli z tego co przeczytalem i zauwazylem moje rozwiazanie z przestawieniem z absolute na relative odpada. Sad

Aczkolwiek teraz nie jest problemem wysrodkowanie obiektow(co zalatwia div "kontener" ) tylko teraz nie umiem rozmiescic reszty div-ow w "kontenerze".

Wczesniej rozmiescilem je za pomoca position:absolute, ale to odpada bo on nalicza wspolrzedne od lewego gornego rogu ekranu, a mnie potrzebne jest aby robil to od granic "kontenera".

Ma ktos jakies pomysly?

Pedro84 · 25-10-2010, 18:06

Ustawiaj je za pomocą float, tylko kontenerowi nadaj overflow:hidden

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie