|
Люди подскажите пожалуйста, я создал сайт на табличном дизайне, в нем 1 таблица и несколько ячеек,в таблице: слева друг под другом 4 ячейки, справа во всю длину этих четырех 1 ячейка, вообщем проблема в том, что когда контент( я помещаю его в 1 правую ячейку) выходит за границу ячейки, то она расширяется, но при этом те 4 ячейки которые слева тоже расширяется как им хочется, как их закрепить, хотя бы 3 из них? Я добавил под этими 4 - мя еще одну и вручную задаю параметр height, тогда методом подбора количества пикселей удается сделать чтоб расширялась тока 5-я ячейка, а остальные 4 как бы не расширяются, но возникла другая проблема: в FIREFOX все нормуль, а в ОПЕРЕ и ЭКСПЛОРЕРЕ остается пустое место, ну то есть когда я подгоняю количество пикселей в 5-й ячейке, чтобы те 4 ячейки не расширялись, то под контентом в правой ячейке(например текст) остается еще много пустого места. Извините за длинный вопрос.
2
Сергей
Лучше бы скрин, а не текст. Таблица будет расширяться, т.к. места мало выделено для текста в ней
3
Илья
Оч советую тебе устанавливать ширину в процентах. Это поможет избежать многих трудностей, связаных с кроссбраузерной версткой. А решение твоей проблемы очень простое - Сделай две ячейки(левая содержит таблицу из четырех, а правая самая большая в которой будет контент). Не забудь выровнять содержимое первой ячейки по высоте. вот тебе код если вдруг сам не допрешь
<table width="100%"> <tr> <td width = "20%" valign = "top"> <table width = "100%"> <tr> <td>Первая строка</td> </tr> <tr> <td>Вторая строка</td> </tr> <tr> <td>Третья строка</td> </tr> <tr> <td>Четвертая строка</td> </tr> </table> </td> <td> Тут контент </td> </tr> </table>
4
Дмитрий
Юзай лучше блочный дизайн на DIV'ах
5
Никита
День добрый, мастера HTML и CSS...
Возникла следующая проблема: Имеется следующий код: <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td width="100%"> <img src="images\shapka.jpg" width="100%" VSPACE="0"><br> </td></tr> <tr><td width="100%" height="200" bgcolor="#FFA133"> </td></tr> </table> </body> Т.е. имеется таблица, из двух вертикальных ячеек, в которых распологаются картинка и просто закрашенная область сответственно. Требуется чтобы закрашенная область вплотную прилегала к нижнему краю картинки т.е. между двумя ячейками не должно быть расстояния. В IE как и положено его нет, в Opere же несмотря ни на что присутствует белая полоса. Не подскажите выход, пожайлуста?
6
Сергей
Скрин можно? Мне лень сейчас смотреть что-то в коде, я на отдыхе:)
http://http://radikal.ru
8
Сергей
У меня всё нормально, пробуй так:
<body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td width="100%"> <img src="images\shapka.jpg" width="100%" VSPACE="0"><br> </td> </tr> <tr> <td width="100%" height="200" bgcolor="#FFA133" style="margin:0px;"> </td></tr> </table> </body> _________________________ style="margin:0px;" - отвечает за все расстояния Можешь экспериментировать так: margin-top:-5px; margin-top:5px; margin-bottom:10px; margin-bottom:-10px; Сам настраивай это всё, у меня в FF и опере всё гуд) p.s.: не делай сайт для ИЕ, бери пример с меня:)
9
Никита
Благодарю, помогло.
10
Дмитрий
Спасибо всем за советы, особенно Илье Graf Ленину вроде получилось, терь нет этих тупых пробелов между текстом и границей ячейки в ИЭ и Опере, все также норм как в Мозиле. У меня другой вопрос, я учусь работать в Дримвивере, и он почему в режиме макета, когда строишь табличный дизайн не дает впихнуть в ячейку макета таблицу макета, пришлось вручную прописать в ячейку теги <table></table>, почему так? И еще почему ячейки в ИЭ и Опера не понимают height="100%"
<table width="100%"> <tr> <td width = "20%" valign = "top"> <table width = "100%"> <tr> <td height="50">Первая строка</td> </tr> <tr> <td height="50">Вторая строка</td> </tr> <tr> <td height="50">Третья строка</td> </tr> <tr> <td height="100%">Четвертая строка</td> -хочу чтоб эта ячейка заняла все остальное нижнее пространство - в мозиле понимает, а в ИЭ и Опере нет! </tr> </table> </td> <td> Тут контент </td> </tr> </table>
11
Сергей
No comments...
А я шадоубокс поставил:)))))) Мну сёдня работало и заипалось отвечать на тупые вопросы... Все вопросы к Вадиму в ЛС (он мну убЪёть нах))))
12
Илья
ну на счет дримвивера не подскажу ибо блокнот рулез!!!! советую кодить только там. а про высоту.... проблема решается очень просто. установи высоту таблицы, которой принадлежит эта ячейка, равной 100%, укажи размеры только трех верних ячеек и нижня растянется сама.
13
Сергей
Не, блокнот не рулез уже давно для нормальных программистов, ибо когда кода более 500 строк и вылезет ошибка на какой-то строке (PHP) , то х+й что там найдёшь, а дримвивер отличный редактор!!!:))
14
Илья
Да, Сергей, тут я с тобой согласен!!!!! Но все же я против дримвивера(эт ксиа не редактор а фреймворк), он перегружен. Есть на винде какой-то текстовик, по типу kwrite, с подсветкой синтаксиса и нумерацией строк... ток вот не помню как он называется...
15
Дмитрий
Илья Graf Ленин, не работает , вот же код
<table width="100%"> <tr> <td width = "20%" valign = "top"> <table width = "100%"> <tr> <td height="50">Первая строка</td> </tr> <tr> <td height="50">Вторая строка</td> </tr> <tr> <td height="50">Третья строка</td> </tr> <tr> <td height="100%">Четвертая строка</td> -хочу чтоб эта ячейка заняла все остальное нижнее пространство - в мозиле понимает, а в ИЭ и Опере нет! что есть height="100%" что нет его ячейка не растягивается </tr> </table> </td> <td> Тут контент </td> </tr> </table>
16
Сергей
Илья, может notepad++ ?
Дима, учи CSS и не задавай вопросы, которые аж стыдно читать будет после изучения CSS:)
17
Дмитрий
Лан, почитаем CSS
18
Илья
ВЫСОТУ ТАБЛИЦЫ УСАНОВИ РАВНОЙ 100%
<table width="100%"> <tr> <td width = "20%" valign = "top"> <table width = "100%" HEIGHT = "100%"> ВЫСОТА ТАБЛИЦЫ <tr> <td height="50">Первая строка</td> </tr> <tr> <td height="50">Вторая строка</td> </tr> <tr> <td height="50">Третья строка</td> </tr> <tr> <td>Четвертая строка</td> </tr> </table> </td> <td> Тут контент </td> </tr> </table>
19
Дмитрий
Илья, извини, я забыл просто в прошлом сообщении дописать HEIGHT = "100%" во второй таблице , на самом деле у меня в интернет страничке все было прописано, и я повторюсь не работает
20
Дмитрий
карочь вот ссылка http://http://dmitrijteryoshin.narod.ru/ в общем под нижней левой ячейкой пустое пространство она не растягивается, в css я описал тока границы и фон, больше ничего, исправьте код пожалуйста чтоб растягивалась вниз
21
Никита
Возникла следующая проблема:
Имеется некая папка, в которой лежат изображения (1024x768), имеется таблица (размер каждой ячейки 300х200), имеется скрипт загоняющий все изображения из папки в ячейки этой таблицы... Всё прекрасно масштабируется и отображается, но Опера снова подкладывает свинью: компьютер начинает существенно тормозить, так будто она каждый такт отрисовывает картинки в натуральном размере и заново их масштабирует. Как можно обойти это дело?
22
Сергей
Скачать другую оперу:)
Дмитрий Терёшин, cellpadding и cellspacing
23
Дмитрий
эти атрибуты не помогают,почему height не работает объясните пожалуйста, единственный вариант, что я вижу сделать фон ячейки в которой таблица, в которой эти хреновы 5 ячеек черным, типа так http://http://dmitrijteryoshin.narod.ru/
24
Сергей
height: 5000px;
Так тоже не работает? о_О
25
Маша
Друзья ,помогите пожалуйста.
Я не специалист, варганю простые html странички. Сейчас стоит задача- прикрутить к страничке генератор банковской квитанции (желательно ,универсальной, чтобы в любом банке можно было оплатить). Ну т.е. чтобы уже были заполнены поля нашей организации, а человек тока свои реквизиты внес,нажал на кнопку и чтоб появилась готовая квитанция на печать. Я так поняла, что это можно сделать в html, но не знаю как. Прошу откликнуться!:)нужно срочно
26
Катюшка
#19
Илья VAMPIRE Ленин 22 июл 2009 в 19:24 "ВЫСОТУ ТАБЛИЦЫ УСАНОВИ РАВНОЙ 100%" - в процентах поставить мжна тлько ширену, а высота всегда фиксированая в пикселях а не в %.... Возможно ты имел введу на всю длину екрана...
27
Илья
нет, вы ошибаетесь, высота (как и ширина) таблицы может измеряться как в абсолютных величинах так и в относительных....
28
Андрей
у table оба параметра, что width, что height можно указывать и в px и в %, и оба варианта будут работать нормально, а вот в div с высотой в % будут проблемы
29
Сергей
>а вот в div с высотой в % будут проблемы
Правда?:)
30
Андрей
если у вышестоящего дива по иерархии не указана высота, то да, да и частенько просто косячно высота в % работает
|
Загрузка. Пожалуйста, подождите...
Категория: 
Вадим
вот пример :)