Попробуйте сделать так, чтобы задать фиксированную ширину - Веб-строительство

Ширина колонки не меньше X пикселей

Маэстро · 2009-04-07T08:02:25.0000000Z

Всем привет. Скажите, пожалуйста, знающие люди. Можно ли в ХТМЛе задать ширину колонки в процентах, но при этом сделать так чтобы, ширина была не менее заданного количества пикселей? То есть, скажем 20%, но не уже 200 пикселей. Такое возможно?

198

Руслан Исмаилов

7 апреля 2009, 13:13

#21

Почему неправельная постановка? Задача в том, что при не высоком разрешение экрана, колонка слишком сильно сужается засчет того, что она задана в процентах. И чтобы этого избежать мне и нужно как-то ограничить минимальную ширину в пикселях.

Тогда лучше min-width для body укажите ну например 1000px и все...будет счастья:)

musulman добавил 07.04.2009 в 17:19

burunduk, а если за js не заплатили и отключили его)))) ?

М

223

Маэстро

7 апреля 2009, 13:22

#22

burunduk:
Маэстро, самый простой сделать это с помощью js
all.js код:

в head страницы вставте
<script language=javascript src=all.js type=text/javascript></script>

P.S. это только один из самых простых способов, можно обратиться из скрипта напрямую к элементу и задать ему необходимые свойства в зависимости от условия (разрешения)

Спасибо, попробуемс сделать так.

Не бойся неизбежного... Уже не продаю авто морды...

[Удален]

7 апреля 2009, 13:26

#23

musulman:
а если за js не заплатили и отключили его)))) ?

Вы сами поняли что написали?

как можно платить за js?

а с отключенным js по сети ходят только "маньяки" коих меньше 0,05%

198

Руслан Исмаилов

7 апреля 2009, 13:33

#24

burunduk:
Вы сами поняли что написали?
как можно платить за js?

а с отключенным js по сети ходят только "маньяки" коих меньше 0,05%

тупо вообще пошутил:)

я просто не привествую не как js так как от него далек, думаю если можно решить эту проблема срдествами html + css лучше именно так и сделать, а здесь проблемы в этом не вижу..

P

103

pimandr

7 апреля 2009, 15:00

#25

burunduk:
Маэстро, самый простой сделать это...

Действительно - чего уж проще))))

Вместо того чтобы дописать одну строку в css, "проще" вставить несколько строк JS кода, исправить строку в существующем коде страницы, сделать еще одни css-файл, и все это ради двухсот пикселей)))).

burunduk, "Мы не ищем легких путей " - устаревший девиз.

coolakov.ru/tools (http://coolakov.ru/tools/): определение конкурентов (http://coolakov.ru/tools/most_promoted/), кластеризация запросов (http://coolakov.ru/tools/razbivka/) и т.д.

Google представил однострочные CSS-шаблоны Почему сайт habr.com размещает Модуль оптимизации "PageSpeed" -

[Удален]

8 апреля 2009, 04:37

#26

можт я че то путаю, но я в свое время решал проблему так

{

min-width:200px;

_width:200px /*для IE6*/

}

J

155

JIucky

10 апреля 2009, 05:38

#27

neolord:
можт я че то путаю, но я в свое время решал проблему так

{
min-width:200px;
_width:200px /*для IE6*/
}

так задается фиксированная ширина для ие, что не есть min-width

198

Руслан Исмаилов

10 апреля 2009, 05:59

#28

JIucky:
так задается фиксированная ширина для ие, что не есть min-width

Полностью согласен!

[Удален]

10 апреля 2009, 06:38

#29

Так IE6 же растягивает блок по ширине даже если ширина контента превышает заданный width

Либо я че то путаю и он так делает только с height;

V

21

vatokato

10 апреля 2009, 06:47

#30

есть скриптец, учит ie6 понимать минвиз и максвиз

/*@cc_on
@if (@_win32 && @_jscript_version>4)

var minmax_elements;

minmax_props= new Array(
new Array('min-width', 'minWidth'),
new Array('max-width', 'maxWidth'),
new Array('min-height','minHeight'),
new Array('max-height','maxHeight')
);

// Binding. Called on all new elements. If <body>, initialise; check all
// elements for minmax properties

function minmax_bind(el) {
var i, em, ms;
var st= el.style, cs= el.currentStyle;

if (minmax_elements==window.undefined) {
// initialise when body element has turned up, but only on IE
if (!document.body || !document.body.currentStyle) return;
minmax_elements= new Array();
window.attachEvent('onresize', minmax_delayout);
// make font size listener
em= document.createElement('div');
em.setAttribute('id', 'minmax_em');
em.style.position= 'absolute'; em.style.visibility= 'hidden';
em.style.fontSize= 'xx-large'; em.style.height= '5em';
em.style.top='-5em'; em.style.left= '0';
if (em.style.setExpression) {
em.style.setExpression('width', 'minmax_checkFont()');
document.body.insertBefore(em, document.body.firstChild);
}
}

// transform hyphenated properties the browser has not caught to camelCase
for (i= minmax_props.length; i-->0;)
if (cs[minmax_props[0]])
st[minmax_props[1]]= cs[minmax_props[0]];
// add element with properties to list, store optimal size values
for (i= minmax_props.length; i-->0;) {
ms= cs[minmax_props[1]];
if (ms && ms!='auto' && ms!='none' && ms!='0' && ms!='') {
st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;
minmax_elements[minmax_elements.length]= el;
// will need a layout later
minmax_delayout();
break;
} }
}

// check for font size changes

var minmax_fontsize= 0;
function minmax_checkFont() {
var fs= document.getElementById('minmax_em').offsetHeight;
if (minmax_fontsize!=fs && minmax_fontsize!=0)
minmax_delayout();
minmax_fontsize= fs;
return '5em';
}

// Layout. Called after window and font size-change. Go through elements we
// picked out earlier and set their size to the minimum, maximum and optimum,
// choosing whichever is appropriate

// Request re-layout at next available moment
var minmax_delaying= false;
function minmax_delayout() {
if (minmax_delaying) return;
minmax_delaying= true;
window.setTimeout(minmax_layout, 0);
}

function minmax_stopdelaying() {
minmax_delaying= false;
}

function minmax_layout() {
window.setTimeout(minmax_stopdelaying, 100);
var i, el, st, cs, optimal, inrange;
for (i= minmax_elements.length; i-->0;) {
el= minmax_elements; st= el.style; cs= el.currentStyle;

// horizontal size bounding
st.width= st.minmaxWidth; optimal= el.offsetWidth;
inrange= true;
if (inrange && cs.minWidth && cs.minWidth!='0' && cs.minWidth!='auto' && cs.minWidth!='') {
st.width= cs.minWidth;
inrange= (el.offsetWidth<optimal);
}
if (inrange && cs.maxWidth && cs.maxWidth!='none' && cs.maxWidth!='auto' && cs.maxWidth!='') {
st.width= cs.maxWidth;
inrange= (el.offsetWidth>optimal);
}
if (inrange) st.width= st.minmaxWidth;

// vertical size bounding
st.height= st.minmaxHeight; optimal= el.offsetHeight;
inrange= true;
if (inrange && cs.minHeight && cs.minHeight!='0' && cs.minHeight!='auto' && cs.minHeight!='') {
st.height= cs.minHeight;
inrange= (el.offsetHeight<optimal);
}
if (inrange && cs.maxHeight && cs.maxHeight!='none' && cs.maxHeight!='auto' && cs.maxHeight!='') {
st.height= cs.maxHeight;
inrange= (el.offsetHeight>optimal);
}
if (inrange) st.height= st.minmaxHeight;
}
}

// Scanning. Check document every so often until it has finished loading. Do
// nothing until <body> arrives, then call main init. Pass any new elements
// found on each scan to be bound

var minmax_SCANDELAY= 500;

function minmax_scan() {
var el;
for (var i= 0; i<document.all.length; i++) {
el= document.all;
if (!el.minmax_bound) {
el.minmax_bound= true;
minmax_bind(el);
} }
}

var minmax_scanner;
function minmax_stop() {
window.clearInterval(minmax_scanner);
minmax_scan();
}

minmax_scan();
minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);
window.attachEvent('onload', minmax_stop);

@end @*/

Что такое Power BI и зачем это нужно бизнесу

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Ширина колонки не меньше X пикселей