Forum PHP.pl > Szerokość bocznych kolumn

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

panbobek44

21.02.2010, 17:02:51

Znajomy robi stronkę i nie może ustawić odpowiednio dwóch bocznych kolumn. Ja też nie potrafię mu pomóc.

Chodzi o to żeby facet po lewej i po prawej stronie przylegał do strony która jest w środku http://img705.imageshack.us/img705/4755/beznazwy1e.jpg

W tej chwili "facet" przylega do lewej i prawej krawędzi przeglądarki.

krzysztof_kf

21.02.2010, 17:59:43

wrzuć plik css ?

źle za to się zabierasz zrób tak dopisz klasę i resztę powinno być OK

Kod

.header_img {
width: 1041px;
margin: 0 auto;
}

<div class="header_img">
<img src="http://www.walbrzych.info/domeny/bj/wp-content/themes/connections-reloaded/img/butler-l.png" style="float: left">
<img src="http://www.walbrzych.info/domeny/bj/wp-content/themes/connections-reloaded/img/butler-r.png" style="float: right">
</div>

panbobek44

29.03.2010, 16:21:33

działa!

poleciał POMÓGŁ

Mam jeszcze jeden problem. Przy rozdzielczości 1366px (szerokość) strona wygląda poprawnie / zrzut: http://img401.imageshack.us/img401/3314/beznazwyvu.jpg /. Niestety przy zmianie szerokości "ludziki" po bokach strony się rozjeżdżają.

krzysztof_kf

29.03.2010, 16:30:13

podaj adres www

panbobek44

29.03.2010, 16:31:49

przepraszam!

www.butler-james.com

krzysztof_kf

29.03.2010, 17:39:04

zobacz czy działa

Kod

</head><body style="overflow-x: hidden;">
<div style="width: 2790px; margin: 0 auto; position: absolute;
left:-743px; top: auto; z-index: 6;">
    <div style="float: left; width: 1000px; right: 30px; height: 450px;
background-image:
url("http://www.butler-james.com/wp-content/themes/connections-reloaded/img/butler-l.png");
background-position: center bottom; background-repeat: no-repeat;
position: relative; z-index: -1;">
    </div>
    <div style="float: right; width: 1000px; height: 450px;
background-image:
url("http://www.butler-james.com/wp-content/themes/connections-reloaded/img/butler-r.png");
background-position: center bottom; background-repeat: no-repeat;
position: relative; z-index: -1;">
    </div>

pod wszystkimi przeglądarkami jak nie to dalej będziemy walczyć

panbobek44

30.03.2010, 18:26:00

Niestety nie pomogło. Jak jest większa rozdzielczość to ludzik z prawej przykrywa stronę. Jak mniejsza to gościu z lewej najeżdża na stronę.

A może zrobić to tak, że jakiś krypt pobierze szerokość okna przeglądarki i odpowiednio podstawi wartość do stylów? Nie wiem jak pobrać do php szerokość okna przeglądarki.

mortus

30.03.2010, 22:18:22

Masz TUTAJ link do pliku, w którym spakowałem Ci kilka obrazków. Skopiuj body-bg.png tam, gdzie Ci pasuje, usuń wszystkie div-y przed <div id="rap">, tak aby pozostał taki kod

[HTML] pobierz, plaintext 
<body style="overflow-x:hidden;">
    <div id="rap" style="position:relative; z-index:1;">
        <!-- tutaj cała reszta ma zostać -->
    </div>
</body>
[HTML] pobierz, plaintext

i w css-ie ustaw styl dla body

[CSS] pobierz, plaintext 
body {
    // inne style
    background: #F3F6ED url("ścieżka/do/pliku/body-bg.png") no-repeat scroll center 150px;
}
[CSS] pobierz, plaintext

Gdzie 150px to odległość od góry. Plik body-bg.png został przygotowany dla rozdzielczości, w której szerokość wynosi 1600px. Dla większych rozdzielczości tło zostanie ucięte po równo z obu stron. Jest jeszcze inny sposób, ale to już nie dzisiaj.

panbobek44

30.03.2010, 22:34:36

poszło pomógł!

działa

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.