Розовая полоса - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Розовая полоса

Опции

romantik2011

Topic Starter сообщение

5.9.2011, 15:06; Ответить: romantik2011

Сообщение #1

Группа: User
Сообщений: 78
Регистрация: 20.7.2011
Поблагодарили: 0 раз
Репутация:

Как сделать чтоб розовая полоса не переходила на другую строку, а чтоб было слева желтое на 35%, а справа все заполнялось розовой полосой?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Основы блочной верстки (Div верстки)</title>

<style type="text/css">
body,html{
margin:0px;
padding:0px;
}
#header {width:60%; background-color:#CCFFCC; text-align:center; margin:0px auto;}
#left{width:35%; background-color:#FFFFCC; }
#content{background-color:#FFCCCC; }
#footer{ background-color:#669900;}
</style>
</head>
<body>
<div id="header"> 
<div id="left"> </div>
<div id="content"> </div>
<div id="footer"> </div>
</div>
</body>
</html>

Ответить с цитированием данного сообщения

pavelsc pavelsc 5.9.2011, 17:49; Сообщений: 745 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	5.9.2011, 17:49; Ответить: pavelsc Сообщение #2
0 Группа: User Сообщений: 745 Регистрация: 1.8.2010 Поблагодарили: 0 раз Репутация: 0	[CSS]#left{width:35%; background-color:#FFFFCC; float: left;} #content{width: 64%; background-color:#FFCCCC; float: left} #footer{ background-color:#669900; clear:both;} [/CSS]

Axe_hb Axe_hb 5.9.2011, 17:52; Сообщений: 143 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	5.9.2011, 17:52; Ответить: Axe_hb Сообщение #3
0 Группа: User Сообщений: 143 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0	сделай скрин чтоли...и нариуй как должно быть, и ксс выложи

romantik2011 Topic Starter romantik2011Topic Starter 5.9.2011, 20:33; Сообщений: 78 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 5.9.2011, 20:33; Ответить: romantik2011 Сообщение #4
0 Группа: User Сообщений: 78 Регистрация: 20.7.2011 Поблагодарили: 0 раз Репутация: 0	Вот так вышло. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы блочной верстки (Div верстки)</title> <!--<link href="style.css" rel="stylesheet" type="text/css"> --> <style type="text/css"> *{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;} #header {margin:0px auto; width:800px; background-color:#FFCC99; } #left{margin-top:20px; background-color:#FFFFCC; width:35%; float:left; border-left:1px solid black; border-right:1px solid black; text-align:center;} #kontent{background-color:white; text-align:center; border:1px solid black; border-collapse:collapse;} #footer{text-align: center; background-color:#CC9966;} </style> </head> <body> <div id="header">Моя страница <div id="left">Menu</div> <div id="kontent">Главная страница</div> <div id="footer">Copyright © Филип Киркоров <? echo date('Y'); ?></div> </div> </body> </html> Как записать, вот эти 2 записи одной записью в ксс? [css]border-left:1px solid black; border-right:1px solid black;[/css]

romantik2011

Topic Starter сообщение

5.9.2011, 21:39; Ответить: romantik2011

Сообщение #5

Группа: User
Сообщений: 78
Регистрация: 20.7.2011
Поблагодарили: 0 раз
Репутация:

Как сделать чтоб вот так отображало на всех браузерах, что-то не выходит.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Основы блочной верстки (Div верстки)</title>

<style type="text/css">
*{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}
html>body #header {margin:0px auto; width:800px; background-color:#FFCC99;}
html>body #left{margin-top:40px; background-color:#FFFFCC; width:35%; float:left; text-align:center;
border-left:1px solid black; border-right:1px solid black;}
html>body #kontent{background-color:white; text-align:center; border:1px solid black; border-collapse:collapse;}
html>body #footer{text-align: center; background-color:#CC9966;}
</style>
</head>
<body>
<div id="header"><span style="font-size:34px;">М</span>
<div id="left">Menu</div>
<div id="kontent">Главная страница</div>
<div id="footer">Copyright © Филип Киркоров <? echo date('Y'); ?></div>
</div>
</body>
</html>

Только в Опере отображает так, в гуглхром и мозиле наезжает.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

	Тема	Ответов	Автор	Просмотров	Последний ответ
	Белая полоса в 2-ной рамке	1	people2010	6043	1.4.2010, 7:11 автор: -BlackApricot-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 26.4.2024, 9:32

Дизайн