Проблем с разминаването на 2 div-a.

dorga

Registered
Здравейте!
Вчера започнах да си кодвам едно сайтче. Всичко беше перфектно докато не дойде проблема който се мъча да разреша цял ден.
Снимка: http://store.picbg.net/pubpic/82/5C/de55f8ad7963825c.png
Там където съм очертал с червено искам да е бял фон, тоест този бял фон трябва да свързва footer-a и header-a. И разбира се да се разширява. До някъде се справих, но пак не беше достатъчно. Затова изтрих всичко и ще оставя всичко на вас.

П.П: Бях направил div в който бях поставил контейнерите.

Благодаря предварително!
 
dorga каза:
Затова изтрих всичко и ще оставя всичко на вас.
Ти щом със най-трудното си се справил :)
Защо просто не направи един главен див със бял фон?
И примерно нещо такова.
HTML:
header
--main--
footer

[css].main {
width: ?px;
margin: 0 auto;
padding: 0;
background: #fff;
}
[/css]
 
Не стана. Така го бях направил и аз. Все едно не сме създали нов див. Даже няма и бял фон отзад зад контейнерите. :(
 
Код:
<div class="main">
	<div class="ContLeft">
		<div class="LeftContHeader">Новини</div>
		<div class="LeftContText">Новини</div>
	</div>
	<div class="ContRight">
		<div class="RightContHeader">Реклама</div>
		<div class="RightContText">Реклама</div>
				<div class="RightContHeader">Реклама</div>
		<div class="RightContText">Реклама</div>
	</div>

Код:
.main { width: 980px; margin: 0 auto; padding: 0; background: #fff; }
.ContRight { width: 320px; float: right; text-align: left; padding-bottom: 22px; padding-top: 10px; }
.ContLeft { width: 660px; float: left; text-align: left; padding-bottom: 22px; padding-top: 10px; }
.RightContHeader { background: url(../images/cont_small.png) no-repeat; width: 320px; height: 28px; text-align: center; font-weight: bold; color: #fff; font-size: 13px; padding-top: 6px; }
.RightContText { background: #F0F4F7; border: 1px solid #EC6B00; width: 308px; padding: 5px; }
.LeftContHeader { background: url(../images/cont_big.png) no-repeat; width: 660px; height: 28px; text-align: center; padding-top: 6px; font-weight: bold; color: #fff; font-size: 13px; }
.LeftContText { background: #F0F4F7; border: 1px solid #EC6B00; width: 642px; padding: 5px; margin-left: 4px; height: 100%; }
 
Сигурно колоните са ти float-нати слагаш overflow: hidden; на main-a тоя които искаш да има бял фон ;)
 

Back
Горе