jak wysrodkowac stronke oparta na divach
Re: jak wysrodkowac stronke oparta na divach
Nic nie pomogło niestety, nadal jest suwak po prawej, zauważyłem ze na stronie na której jest tylko jedna kolumna właściwej treści przesunąć stronę można o ok 1/3 ekranu, na stronie gdzie sa dwie kolumny ta wartość już wynosi ok 1/2 natomiast jedna strona ma 3 kolumny i wtedy to już jest ponad 2/3 ekranu. Kolumny zrealizowałem za pomocą bloków div umieszczonych obok siebie.
Re: jak wysrodkowac stronke oparta na divach
Jeśli możesz to wstaw kod to może coś wykombinujemy.
Re: jak wysrodkowac stronke oparta na divach
Oto kod:
ulozenie jest ok, ale nie bardzo kumam skad sie takie wartosci top musialy wziasc no i ten pasek, moze jakas inna propozycja
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Grupa zapalonych fotografów oferuje</title>
<style>
body {
background-color: #000000;
}
#pudelko {
margin:0 auto;
width:900px;
height:500px;
background-color: #99FFFF;
}
#wstep {
position:relative;
left: 0px;
top: 0px;
width:450px;
height:250px;
z-index:1;
background-color: #0099FF;
}
#kontakt {
position:relative;
left: 450px;
top:-250px;
width:450px;
height:250px;
z-index:2;
background-color: #FF0000;
}
#portfolio {
position:relative;
left: 0px;
top: -250px;
width:450px;
height:250px;
z-index:3;
background-color: #33FF00;
}
#oferta {
position:relative;
left: 450px;
top: -500px;
width:450px;
height:250px;
z-index:4;
background-color: #FF9900;
}
</style>
</head>
<body>
<div id="pudelko">
<div id="wstep">wstepniak</div>
<div id="kontakt">kontakt</div>
<div id="portfolio">portfolio</div>
<div id="oferta">oferta</div>
</div>
</body>
</html>
Re: jak wysrodkowac stronke oparta na divach
Tak jest dobrze zarówno w IE jak i FF:
Nie wiem dokładnie co było źle(???) ,ale strona wydłużała się tylko w IE w FF wszystko ok. Co do kodu z-index jest zbędne ,ponieważ elementy się nie pokrywają. Z tego co wiem to top bottom right i left stosuje się tylko w wypadku pozycjonowania absolutnego. Pozatym tak kod jest krótszy 
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Grupa zapalonych fotografów oferuje</title>
<style>
body {
background-color: #000000;
}
#pudelko {
margin:0 auto;
width:900px;
height:500px;
background-color: #99FFFF;
}
#wstep {
float: left;
width:450px;
height:250px;
background-color: #0099FF;
}
#kontakt {
float: left;
width:450px;
height:250px;
background-color: #FF0000;
}
#portfolio {
float: left;
width:450px;
height:250px;
background-color: #33FF00;
}
#oferta {
float: left;
width:450px;
height:250px;
background-color: #FF9900;
}
</style>
</head>
<body>
<div id="pudelko">
<div id="wstep">wstepniak</div>
<div id="kontakt">kontakt</div>
<div id="portfolio">portfolio</div>
<div id="oferta">oferta</div>
</div>
</body>
</html> Re: jak wysrodkowac stronke oparta na divach
Dzieki, ale co zrobic jak bym chcial zeby ktores elementy sie pokrywaly?
Re: jak wysrodkowac stronke oparta na divach
Jeśli chcesz żeby jakiś element pokrywał inny dajesz mu z-index i pozycjonujesz absolutnie.
Re: jak wysrodkowac stronke oparta na divach
No to wiem, tylko ze pozycjonowanie absolutne jest w stosunku do okna całego, wiec jak będzie inny rozmiar okna (rozdzielczość) to sie będzie przesuwał w poziomie
Re: jak wysrodkowac stronke oparta na divach
Wcześniej napisałem ,że top bottom itd. stosuje się tylko dla pozycjonowania absolutnego ,ale myliłem się.!ans pisze: Z tego co wiem to top bottom right i left stosuje się tylko w wypadku pozycjonowania absolutnego.
Można stosować zawsze tylko element przesuwany jest o podane wartości względem ram dokumentu (absolute) i względem elementu nadrzędnego (relative).Czyli nakładasz za pomocą top bottom... Przepraszam za wprowadzenie w błąd.Re: jak wysrodkowac stronke oparta na divach
spoko, pokombinuje, tylko dlaczego w IE ten cholerny pasek przewijania sie pojawia 