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



 

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

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

Открыть тему
Тема закрыта
> таблица смещается
zhekaPM
zhekaPM
Topic Starter сообщение 8.11.2009, 0:12; Ответить: zhekaPM
Сообщение #1


сделал таблицу по четко заданному размеру... но когда смотрю в браузерах таблицы смещаются...

таблица должна состоять из 3 строк:
- верхняя строка разделена на 2 равных по ширине столбца
- вторая строка сплошная
- третья разделана на 3 столбца одинаковых по ширине (ну 1px это не проблемма)
я составил код.. получилось следующие...
<table border="1px" width="800px" >
<tr>
<td colspan="2" width="50%">1</td>
<td width="50%">2</td>
</tr>

<tr>
<td colspan="3" width="100%">3</td>
</tr>

<tr>
<td width="34%">4</td>
<td width="33%">5</td>
<td width="33%">6</td>
</tr>

</table>


таблица нижний строчку делает идеально, а вот верхнюю смещает на 2 столбца как бы нижней ширины и то что осталось... грубо говоря не 50% и 50%, а 67% и 33%... и за чего это происходит??? я прописал в стилях таблицы style="table-layout:fixed", но теперь другой фокус: верхнюю строчку рисует отлично, столбики по 50% и 50%, а вот нижнюю строчку смещает...столбики отображает как 25% на 25% на 50... помогите разобраться в проблеме....:wacko:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 8.11.2009, 0:52; Ответить: AndreySmith
Сообщение #2


Вопрос можно решить так:

<table border="1">
<tr>
<td colspan="3">

<table border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
</tr>
</table>


:)


сорри за оффтоп:

А у меня есть желтенький прямоугольничек в углочке))) ^_^ Мило)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zhekaPM
zhekaPM
Topic Starter сообщение 8.11.2009, 12:50; Ответить: zhekaPM
Сообщение #3


я еще нашел выход
<table border="1" width="800px" >
<tr>
<td colspan="3">

<div style="float:left" id="div">asdfasdfasdf</div>
<div id="div">asdfasdfasd</div>

</td>

</tr>
<tr>
<td colspan="3">&nbsывафывафывp;</td>
</tr>
<tr>
<td width="33%">1</td>
<td width="34%">2</td>
<td width="33%">3</td>
</tr>
</table>


а в css прописан:
#div {
width:50%;
border:solid #FF0000 1px;
}


только же не пойму, почему второй див не клеится слева?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
j11
j11
сообщение 8.11.2009, 16:57; Ответить: j11
Сообщение #4


а я бы не стал использовать colspan. вот скока занимаюсь вёрсткой давно заметил что кроссбраузерность так сказать нарушается. я имею ввиду размеры. особенно IE капризы показывает. лучше <div>-ами
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zhekaPM
zhekaPM
Topic Starter сообщение 8.11.2009, 17:05; Ответить: zhekaPM
Сообщение #5


Есть вариант сделать на дивах... вот стою таблицу и все равно бред получается:
<div class="main">

<div class="div_1">
1
</div>

<div class="div_2">
2
</div>

<div class="div_3">
3
</div>

<div class="div_4">
4
</div>

<div class="div_5">
5
</div>

<div class="div_6">
6
</div>

</div>


Css :

.main{
width:800px;
border:solid #CCCCCC 2px;
float:left;
}

.div_1 {
width:50%;
border:solid #FF0000 1px;
}

.div_2 {
width:50%;
border:solid #FF0000 1px;
}

.div_3 {
clear:both;
width:100%;
border:solid #FF0000 1px;
}

.div_4 {
border:#FF0000 solid 1px;
width: 33%;
height: 100%;


}
.div_5 {
border:#FF0000 solid 1px;
width: 34%;
height:100%;

}
.div_6 {
width: 33%;
border:#FF0000 solid 1px;
height: 100%;
}

должно же разбывать
-верхняя строчка на 2 колонки с шириной 50%
-средняя на всю ширину
-нижняя строчка на 3 колонки: 33% 34% и 33%

а получается .....
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 8.11.2009, 18:58; Ответить: locky-yotu
Сообщение #6


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>-= fLoAt =-</title>
<style>
.main {width:990px;margin:0 auto;text-align:center;}
.top, .middle, .bottom {height:200px;}
.top div {width:50%;float:left;height:200px;background:#ccc;}
.bottom div {width:33%;float:left;border:1px solid #0f0;height:200px;}
</style>
</head>
<body>
<div class="main">
<div class="top">
<div>1</div>
<div>2</div>
</div>
<div class="middle">
3
</div>
<div class="bottom">
<div>4</div>
<div>5</div>
<div>6</div>
</div>
</div>
</body>
</html>


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) непослушная таблица (((
 1 alex577 2859 9.2.2013, 2:40
автор: -Eraser_str-
Открытая тема (нет новых ответов) Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите.
 0 Hammer2900 6243 3.2.2013, 22:01
автор: -Hammer2900-
Открытая тема (нет новых ответов) Таблица распределения игроков.
 5 mafao 4608 19.11.2012, 22:49
автор: -Arks-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТаблица записи на прием.
Как реализовать
 16 gaaarfild 6163 7.4.2011, 18:19
автор: gaaarfild
Открытая тема (нет новых ответов) Послать на печатать obejct(таблица),как?
 1 MannishArt 5802 31.3.2011, 13:57
автор: -Baron93-


 

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

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

RSS Текстовая версия Сейчас: 18.4.2024, 22:31

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet