mam mały problem z css wytłumaczę to tak za pomocą diva mam umieszczone dwa okna po środku strony [lewe] [prawe] oraz na dole footer [dolna ramka]
chodzi o to że na dole prawego okna chcę umieścić trzecie które będzie też zachodziło na footer
po drugie tłem będzie zdjęcie
po trzecie w tym trzecim oknie mozna by było umieścić już oczywiście za pomoca html (już na stronie) text jak i inne zdjęcia
nie wiem czy jasno to umieściłem jeśli nie to postaram się dac link do zdjęcia żeby było wiadomo o co chodzi thx
[/img]
3 okna
Re: 3 okna
nie bardzo rozumiem, a z tego co załapałem to pierwsza sprawa - jak te divy kolejno są wypozycjonowane w css, nalepiej daj jakiegoś linka...
Re: 3 okna
to jest kod css tych okienek:
teraz układ jest taki lewa strona [content]
prawa strona [right-box]
i na dole na długości obu okien [footer]
a rzecz w tym żeby te trzecie okno było w prawym boxie(pośrodku) i zachodziło na footer (oczywiście na wierzchu ) dalej tak jak pisałem tłem będzie obraz itd.
Jesli ktoś wie jak to zrobić -to z góry dzięki za pomoc
Kod: Zaznacz cały
#body {
position: relative;
margin-left: 4px;
}
#head {
position: absolute;
top: 0px;
left: 431px;
width: 370px;
height: 280px;
background: url(images/header.jpg) no-repeat;
}
#right-box {
position: absolute;
top: 300px;
left: 290px;
width: 455px;
height: 400px;
color: #f7f9fa;
background: #232222
}
#right-box .inner {
padding: 20px 0px 0px 8px;
}
#right-box h2 {
margin: 10px 0px 0px 0px;
}
#right-box p.date {
font-weight: bold;
}
#right-box p {
margin: 3px 2.5em 1em 1.3em;
}
#content {
position: absolute;
top: 300px;
left: 285px
width: 286px;
height: 400px;
background: #232222 top left url(images/) no-repeat;
}
#content-bot {
background: url(images/) repeat-x;
height: 400px;
width: 286px;
margin-left: 1px;
overflow: auto;
}
#content .inner {
padding: 10px 27px;
}
#content .date {
margin-top: 0.5em;
}
#content p {
margin: 0.9em;
}
#footer { position: absolute;
top: 650px;
left: 104px;
width: 714px;
height: 50px;
background: #010101;
text-align: left;
margin: 0px 7px 0px 2px;
padding: 18px 15px 15px 15px;
}prawa strona [right-box]
i na dole na długości obu okien [footer]
a rzecz w tym żeby te trzecie okno było w prawym boxie(pośrodku) i zachodziło na footer (oczywiście na wierzchu ) dalej tak jak pisałem tłem będzie obraz itd.
Jesli ktoś wie jak to zrobić -to z góry dzięki za pomoc
Re: 3 okna
daj jeszcze html 
, ale te css nie wygląda najlepiej, tzn. nie podoba mi się zbytnio te pozycjonowanie absolutne divów...
, ale te css nie wygląda najlepiej, tzn. nie podoba mi się zbytnio te pozycjonowanie absolutne divów...html
dobra tera wersja html:
[xml]<body>
<div id="wrapper">
<div id="body">
<div id="topnav">
<div id="nav">
</div>
<div id="right-box">
<div class="inner">
</div>
</div>
<div id="content">
<div id="content-bot">
<div class="inner">
</div>
</div>
</div>
<div class="clear"></div>
<div class="divider"></div>
</div>
<div id="footer">
</div>
</div>
</div>
</body>[/xml]
oczywiscie to jest sam szkielet całego htmla
[xml]<body>
<div id="wrapper">
<div id="body">
<div id="topnav">
<div id="nav">
</div>
<div id="right-box">
<div class="inner">
</div>
</div>
<div id="content">
<div id="content-bot">
<div class="inner">
</div>
</div>
</div>
<div class="clear"></div>
<div class="divider"></div>
</div>
<div id="footer">
</div>
</div>
</div>
</body>[/xml]
oczywiscie to jest sam szkielet całego htmla
thxRe: 3 okna
aha, oki, a teraz co chcesz tak właściwie zrobić, bo tu coś jest poprzesuwane dramatycznie, najlepiej to napisz na gg:9108556 a rozwiązanie napisze się też tu.
Re: 3 okna
Zobacz własność css z-index, która mówi na której warstwie leży element. Pozwala to ustalić który element powinien przykrywać który.