div'ная верстка

Good Fucking Smile · November 6, 2011

Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме!

1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу!

вот мой коддинг)))))

index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Название страницы</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>


<div id="gormenu">горизонтальное меню</div>
<div id="logotype">Логотип сайта</div>


<div id="conteiner">


<div id="left">левый блок</div>
<div id="content">центральный блок</div>


</div>
<div id="footer">Подвал сайта</div>

</body>
</html>

файлик css

body {
       margin:0px;
       padding: 0px;
       background: yellow;
}
#gormenu {
       margin: 0 auto;
       width: 950px;
       height: 35px;
       background: green;
}
#logotype {
       margin: 0 auto;
       width: 950px;
       height: 200px;
       background: black;       
}
#conteiner {
       margin: 0 auto;
       width: 950px;
       min-height: 500px;
       background: blue; 


}
#footer {
       margin: 0 auto;
       width: 950px;
       min-height: 40px;
       background: orange;    
}
#left {
       width:290px;
       min-height:400px;
       background: orange;
       float: left;

}
#content {
       width:630px;
       min-height:400px;
       background: darkorange;

}

ceil100 · November 6, 2011

1. #content {float:right;}

2. #content {

width:630px;

min-height:400px;

background: darkorange;

margin-left:290px;

}

margin-left нужен, чтобы контент не затекал под плавающий блок, если тот короче

Good Fucking Smile · November 6, 2011

2 вопрос как сделать отступы от края контейнера и по бокам !

вот как на картинке , картинку в фотошопе сделал!

Nekromancer · November 6, 2011

А весь сайт за вас не сделать? Ну чего там, мне не сложно. Я люблю делать сайты.

psywalker · November 6, 2011

On 11/6/2011 at 8:16 PM, Nekromancer said:
А весь сайт за вас не сделать? Ну чего там, мне не сложно. Я люблю делать сайты.

Ой, какой добрый модератор, я тебе тоже тогда свой дам заверстать, лады?

Nekromancer · November 6, 2011

Та не вопрос, 500 американских денег.

psywalker · November 6, 2011

On 11/6/2011 at 8:36 PM, Nekromancer said:
Та не вопрос, 500 американских денег.

Охх, ТС, попали мы с тобой Видимо придётся нам самим взять книжку в руки и начать учиться.

Good Fucking Smile · November 6, 2011

я просто спросил то что мне не понятно! а вы начинаете устраивать трагедию ! сам сделаю сайт просто подскажите как реализовать в вопросе № 2

Nekromancer · November 7, 2011

Задай свой вопрос слово в слово в гугле, только не забудь ещё добавить - css.

Sign In

div'ная верстка

Question

Good Fucking Smile

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

ceil100

Link to comment

Share on other sites

Good Fucking Smile

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Good Fucking Smile

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information