al_im
Новичок
Дата регистрации:
20.05.2012 18:25:19
Сообщений: 16
Почему то тег fieldset на всю страницу растягивается в ширину, вот скриншот - http://savepic.su/2014432.htm
Вот код HTML:
<html>
<head>
<meta http-equiv = "Content-type" content = "text/html; charset = windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name = "robots" content = "index,follow">
</head>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td height="20%" width="100%">1</td>
</tr>
<tr>
<td height="100%"><fieldset width="20%" height="20%"><legend><h3>Главное меню</h3></legend><br>
</fieldset></td>
</tr>
<div id="slow">
<a href='http://myrusakov.ru/' target='_blank'><img src='http://myrusakov.ru/images/button.gif' border='0' width='100%' height='31' alt='Как создать свой сайт' /></a>
<br>
<br> <b>Большую благодарность отдаю этому сайту, он научил меня легко создавать и раскручивать сайты</b>
<div>
</table>
</body>
</html>
Вот файл styles.css:
body {
margin: 0;
padding: 0;
}
#slow {
background:lightgray;
width: 140px;
height: 220px;
position: fixed;
left:89%;top: 10%;
vertical-align: top;
}
Мне нужно, что бы тег fieldset не расширялся на всю страницу, а был такой как написано (<fieldset width="20%" height="20%">
)
В чем тут проблема?
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
У fieldset нет атрибутов width и height, поэтому их задавать бесполезно. А вообще fieldset определяется внутренним количеством элементов формы, либо размером родительских контейнеров. Размеры fieldset задавать вообще не нужно, а задавайте размеры родительского контейнера и вставляйте туда элементы формы (он именно для этого предназначен, а не для главного меню как у Вас).
al_im
Новичок
Дата регистрации:
20.05.2012 18:25:19
Сообщений: 16
Вот немного поправил, проблема та же, пробовал засунуть это меню в ячейку, ячейка откуда то справа вылезла и наоборот сильно уменьшилась...
Код HTML:
<html>
<head>
<meta http-equiv = "Content-type" content = "text/html; charset = windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name = "robots" content = "index,follow">
</head>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td height="20%" width="100%"> </td>
</tr>
<tr>
<td height="100%"><div id="orngm"><h3>Главное меню</h3></div><br>
<div id="slow">
<a href='http://myrusakov.ru/' target='_blank'><img src='http://myrusakov.ru/images/button.gif' border='0' width='100%' height='31' alt='Как создать свой сайт' /></a>
<br>
<br> <b>Большую благодарность отдаю этому сайту, он научил меня легко создавать и раскручивать сайты</b>
<div>
</table>
</body>
</html>
CSS файл:
body {
margin: 0;
padding: 0;
}
#slow {
background:lightgray;
width: 140px;
height: 220px;
position: fixed;
left:89%;top: 10%;
vertical-align: top;
}
#orngm {
background: orange;
border: 1px;
widht:10%;
height:10%;
}