+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: wysrodkowanie obiektow (/thread-wysrodkowanie-obiektow)
Strony:
1
2
wysrodkowanie obiektow - rakoth - 25-10-2010
RE: wysrodkowanie obiektow - jim_100 - 25-10-2010
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ą
RE: wysrodkowanie obiektow - rakoth - 25-10-2010
RE: wysrodkowanie obiektow - swinia - 25-10-2010
wystarczy dodać dal body kod
margin-left: auto;
margin-right: auto;
RE: wysrodkowanie obiektow - Pedro84 - 25-10-2010
Div #kon musi mieć nadaną szerokość.
RE: wysrodkowanie obiektow - ixtab - 25-10-2010
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;
}RE: wysrodkowanie obiektow - rakoth - 25-10-2010
Udalo mi sie osagnac zamierzony efekt, aczkolwiek troche okrezna droga chyba i co najgorsze nie dokonca wszystko rozumiemKody 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
Chcialbym takze podziekowac za szybkie odpowiedzi, bo bez tych wskazowek efektu bym nie osiagnal.
RE: wysrodkowanie obiektow - ixtab - 25-10-2010
http://www.signs.pl/html/s/position.php
RE: wysrodkowanie obiektow - rakoth - 25-10-2010
Ok, czyli z tego co przeczytalem i zauwazylem moje rozwiazanie z przestawieniem z absolute na relative odpada.
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?
RE: wysrodkowanie obiektow - Pedro84 - 25-10-2010
Ustawiaj je za pomocą float, tylko kontenerowi nadaj overflow:hidden