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



 

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

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

Открыть тему
Тема закрыта
> Выравнивание таблицы по горизонтали и вертикали
maxim23
maxim23
Topic Starter сообщение 23.7.2012, 23:33; Ответить: maxim23
Сообщение #1


Здраствуйте,помогите пожалуйста решить проблему.
Дело в том что мне не удается выровнить таблицу в центре экрана по горизонтали и вертикали. Теги align="center" valign="middle" не помогают.
Взгляните на скрины,в dreamweaver страница отображается так как мне нужно , но тот же самый код в браузере выглядит по другому.
http://www.nimax.kz/
[attachment=39067:Снимок.jpg][attachment=39068:Снимок2.jpg]
Код страницы:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Главная страница » NIMAX.KZ - фотосессии и видеосъемка в г.Кокшетау</title>
</head>

<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><table width="400" border="0" align="center" cellpadding=0 cellspacing="0">
<tr>
<td><img src="http://pics.kz/i3/5e/db/5edb45a4643ae5d167b261daf3e2ba5c.jpg" width="628" height="20" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i2/da/1c/da1cef8706ed8934eff0dba58378d64f.jpg" width="197" height="34" /><a href="http://www.nimax.kz/"><img src="http://pics.kz/i3/83/b4/83b42328ed6034db23d641efbe74dfcd.jpg" alt="Главная" width="107" height="34" border="0" /></a><a href="http://nimax.kz/publ/"><img src="http://pics.kz/i2/89/51/895199c27d0b4cdf479b776dd9b5eecf.jpg" alt="Ссылки" width="97" height="34" border="0" /></a><a href="http://nimax.kz/board/"><img src="http://pics.kz/i2/5e/41/5e41b8949ac684da0bfdcc1e92e75c60.jpg" alt="Услуги" width="90" height="34" border="0" /></a><a href="http://nimax.kz/faq/"><img src="http://pics.kz/i3/1e/72/1e72128a5b8ccda46bfcf0bb4e6384fd.jpg" alt="Обо мне" width="102" height="34" border="0" /></a><img src="http://pics.kz/i2/c9/31/c93115e71c97a534fbde2e55b98c6736.jpg" width="35" height="34" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/79/1d/791dd04d5ad23485f23dc8f8fcb081d8.jpg" width="199" height="154" /><img src="http://pics.kz/i3/21/da/21da71588b39453d1ccb888eb9356f4b.jpg" width="227" height="154" /><img src="http://pics.kz/i2/9b/55/9b5559f18343c2b80364a83b1e33d0ae.jpg" width="202" height="154" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i2/d7/4c/d74c5e9e0a824b59b3b93dab8bcc87af.jpg" width="197" height="58" /><img src="http://pics.kz/i2/23/d4/23d459b8ba523e4f99924db491c8bde8.jpg" width="50" height="58" /><a href="http://vk.com/photo-26145864_286606159" target="_blank"><img src="http://pics.kz/i3/b4/89/b4891406970363e3687e4af8eae2cbc8.jpg" width="56" height="58" border="0" /></a><img src="http://pics.kz/i3/97/30/973062abdaaa3916e34176ceaa05175e.jpg" width="12" height="58" /><a href="http://vk.com/photo-26145864_286350953" target="_blank"><img src="http://pics.kz/i2/87/40/8740baacce9f9174bd99dfc0b34abe89.jpg" width="58" height="58" border="0" /></a><img src="http://pics.kz/i1/c8/e5/c8e5f97e2c9cf872e64bcb807a38515b.jpg" width="12" height="58" /><a href="http://vk.com/photo-26145864_285595306" target="_blank"><img src="http://pics.kz/i2/ca/b2/cab2d9144c2ff9cd407cdbdc530b6912.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i3/08/68/086806848a930d56d744a309fa94c159.jpg" width="14" height="58" /><a href="http://vk.com/photo-26145864_286052666" target="_blank"><img src="http://pics.kz/i1/a8/06/a806a6da7843cae6512b07a0b5d150d8.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i2/3e/0c/3e0c5ed666d03b0e7797e34c632856df.jpg" width="14" height="58" /><a href="http://vk.com/photo-26145864_279790494" target="_blank"><img src="http://pics.kz/i2/05/b9/05b920c3d0cee11d68f851a50477de28.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i3/9f/0c/9f0c447411f3126e2fdbb8b012a1fa1e.jpg" width="50" height="58" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/fe/ac/feac5d0c58634b168271e86c30f07a64.jpg" width="303" height="7" /><img src="http://pics.kz/i3/9f/49/9f49f93dc8683a53fe330a51a0de0409.jpg" width="325" height="7" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/49/41/4941a35f78dcac9a5877d1a4d4610741.jpg" width="401" height="74" /><img src="http://pics.kz/i3/6d/d9/6dd91b075b01a472518c87f07cadf854.jpg" width="227" height="74" /></td>
</tr>
</table>
$POWERED_BY$</td>
</tr>
</table>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ridento
Ridento
сообщение 24.7.2012, 0:44; Ответить: Ridento
Сообщение #2


    <style type="text/css">
    html, body{
        width:100%;
        height:100%;
    }
    #center{
        width:625px;
        height:350px;
        position:absolute;
        top:50%;
        left:50%;
        margin:-200px 0 0 -200px;
    }
    </style>


Потом обворачиваем все в div, должно получиться)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim23
maxim23
Topic Starter сообщение 24.7.2012, 0:54; Ответить: maxim23
Сообщение #3


Ridento,спасибо,можешь подробнее описать данный способ решения проблемы, я с CSS особо не дружу , как "обворачивать в div" ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ridento
Ridento
сообщение 24.7.2012, 1:21; Ответить: Ridento
Сообщение #4


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Главная страница » NIMAX.KZ - фотосессии и видеосъемка в г.Кокшетау</title>
<style type="text/css">
html, body{
width:100%;
height:100%;
}
#center{
position: relative;
left: 50%;
top: 50%;
width: 626px;
height: 336px;
margin-left:-313px;
margin-top:-168px;
}
</style>
</head>
<body>
<div id="center">
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><table width="400" border="0" align="center" cellpadding=0 cellspacing="0">
<tr>
<td><img src="http://pics.kz/i3/5e/db/5edb45a4643ae5d167b261daf3e2ba5c.jpg" width="628" height="20" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i2/da/1c/da1cef8706ed8934eff0dba58378d64f.jpg" width="197" height="34" /><a href="http://www.nimax.kz/"><img src="http://pics.kz/i3/83/b4/83b42328ed6034db23d641efbe74dfcd.jpg" alt="Главная" width="107" height="34" border="0" /></a><a href="http://nimax.kz/publ/"><img src="http://pics.kz/i2/89/51/895199c27d0b4cdf479b776dd9b5eecf.jpg" alt="Ссылки" width="97" height="34" border="0" /></a><a href="http://nimax.kz/board/"><img src="http://pics.kz/i2/5e/41/5e41b8949ac684da0bfdcc1e92e75c60.jpg" alt="Услуги" width="90" height="34" border="0" /></a><a href="http://nimax.kz/faq/"><img src="http://pics.kz/i3/1e/72/1e72128a5b8ccda46bfcf0bb4e6384fd.jpg" alt="Обо мне" width="102" height="34" border="0" /></a><img src="http://pics.kz/i2/c9/31/c93115e71c97a534fbde2e55b98c6736.jpg" width="35" height="34" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/79/1d/791dd04d5ad23485f23dc8f8fcb081d8.jpg" width="199" height="154" /><img src="http://pics.kz/i3/21/da/21da71588b39453d1ccb888eb9356f4b.jpg" width="227" height="154" /><img src="http://pics.kz/i2/9b/55/9b5559f18343c2b80364a83b1e33d0ae.jpg" width="202" height="154" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i2/d7/4c/d74c5e9e0a824b59b3b93dab8bcc87af.jpg" width="197" height="58" /><img src="http://pics.kz/i2/23/d4/23d459b8ba523e4f99924db491c8bde8.jpg" width="50" height="58" /><a href="http://vk.com/photo-26145864_286606159" target="_blank"><img src="http://pics.kz/i3/b4/89/b4891406970363e3687e4af8eae2cbc8.jpg" width="56" height="58" border="0" /></a><img src="http://pics.kz/i3/97/30/973062abdaaa3916e34176ceaa05175e.jpg" width="12" height="58" /><a href="http://vk.com/photo-26145864_286350953" target="_blank"><img src="http://pics.kz/i2/87/40/8740baacce9f9174bd99dfc0b34abe89.jpg" width="58" height="58" border="0" /></a><img src="http://pics.kz/i1/c8/e5/c8e5f97e2c9cf872e64bcb807a38515b.jpg" width="12" height="58" /><a href="http://vk.com/photo-26145864_285595306" target="_blank"><img src="http://pics.kz/i2/ca/b2/cab2d9144c2ff9cd407cdbdc530b6912.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i3/08/68/086806848a930d56d744a309fa94c159.jpg" width="14" height="58" /><a href="http://vk.com/photo-26145864_286052666" target="_blank"><img src="http://pics.kz/i1/a8/06/a806a6da7843cae6512b07a0b5d150d8.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i2/3e/0c/3e0c5ed666d03b0e7797e34c632856df.jpg" width="14" height="58" /><a href="http://vk.com/photo-26145864_279790494" target="_blank"><img src="http://pics.kz/i2/05/b9/05b920c3d0cee11d68f851a50477de28.jpg" width="55" height="58" border="0" /></a><img src="http://pics.kz/i3/9f/0c/9f0c447411f3126e2fdbb8b012a1fa1e.jpg" width="50" height="58" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/fe/ac/feac5d0c58634b168271e86c30f07a64.jpg" width="303" height="7" /><img src="http://pics.kz/i3/9f/49/9f49f93dc8683a53fe330a51a0de0409.jpg" width="325" height="7" /></td>
</tr>
<tr>
<td><img src="http://pics.kz/i3/49/41/4941a35f78dcac9a5877d1a4d4610741.jpg" width="401" height="74" /><img src="http://pics.kz/i3/6d/d9/6dd91b075b01a472518c87f07cadf854.jpg" width="227" height="74" /></td>
</tr>
</table>
$POWERED_BY$</td>
</tr>
</table>
</div>
</body>
</html>




Только появился скролл, почему..не понятно..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim23
maxim23
Topic Starter сообщение 24.7.2012, 11:53; Ответить: maxim23
Сообщение #5


может быть кто нибудь знает , как убрать скролл со страницы ? :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
James Raynor
James Raynor
сообщение 24.7.2012, 12:02; Ответить: James Raynor
Сообщение #6


http://www.html.by/threads/
Ubrat-skrolbar-prokrutku
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxim23
maxim23
Topic Starter сообщение 24.7.2012, 13:32; Ответить: maxim23
Сообщение #7


Ridento,я решил проблему со скроллом!
<style type="text/css">html, body{ width:99%; height:96%;

спасибо тебе за помощь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
David_Blane
David_Blane
сообщение 25.7.2012, 13:42; Ответить: David_Blane
Сообщение #8


Можно обойтись без css. Просто сделать еще 1 таблицу
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="center">
<table width="800" cellspacing="0" cellpadding="0">
<tr>
<td>content</td>
</tr>
</table>
</td>
</tr>
</table>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Kadam.net - Промышленные объемы трафика под все вертикали | 90% отчисления паблишерам!
2 support_kadam 1785 18.4.2022, 16:40
автор: support_kadam
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2632 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4988 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) Отсортировать данные таблицы
по дням/часам и тп
3 tube 2309 1.7.2017, 0:38
автор: Shandanakar
Открытая тема (нет новых ответов) Нужно настроить мои Таблицы Google
1 rownong27 2459 25.5.2016, 0:13
автор: -rownong-


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:10
Дизайн