Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Szerokość bocznych kolumn
panbobek44
post
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 16.12.2005

Ostrzeżenie: (0%)
-----


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.

Ten post edytował panbobek44 21.02.2010, 18:57:29
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
panbobek44
post
Post #3





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 16.12.2005

Ostrzeżenie: (0%)
-----


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ą.
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


podaj adres www
Go to the top of the page
+Quote Post
panbobek44
post
Post #5





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 16.12.2005

Ostrzeżenie: (0%)
-----


przepraszam!

www.butler-james.com
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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(&quot;http://www.butler-james.com/wp-content/themes/connections-reloaded/img/butler-l.png&quot;);
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(&quot;http://www.butler-james.com/wp-content/themes/connections-reloaded/img/butler-r.png&quot;);
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ć
Go to the top of the page
+Quote Post
panbobek44
post
Post #7





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 16.12.2005

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
mortus
post
Post #8





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


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
  1. <body style="overflow-x:hidden;">
  2. <div id="rap" style="position:relative; z-index:1;">
  3. <!-- tutaj cała reszta ma zostać -->
  4. </div>
  5. </body>
i w css-ie ustaw styl dla body
  1. body {
  2. // inne style
  3. background: #F3F6ED url("ścieżka/do/pliku/body-bg.png") no-repeat scroll center 150px;
  4. }
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.
Go to the top of the page
+Quote Post
panbobek44
post
Post #9





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 16.12.2005

Ostrzeżenie: (0%)
-----


poszło pomógł!

działa
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 03:07