Как мога да направя разтягащ се сайт ??

S

scourge

Registered
Здравейте.

Може ли някой да ми каже някакъв начин да се направи сайт, който да се разгъва на целия екран. Знам че има javascript който чеква резолюцията и зарежда съответен индекс със съответен css, но това означава че за всяка резолюция трябва да се направи отделен статичен css. Това не е оптимален вариант, защото в днешно време има адски много различни toolbar-ове, а и с тея TFT-a /монитори/ сайта изглежда доста различно или се скрива голяма част от него.
За това ще съм много благодарен, ако някой може да ме светне на някакъв алтернативен начин за разтягане на сайта, който да не се влияе от толкова много фактори.

Поздрави !
 
ползване на проценти винаги ще са едни и същи при каквато и разделителна способност да гледаш сайта
примерно
<table width="100%">
<tr>
<td width="25%"></td>
<td width="50%"></td>
<td width="25%"></td>
</tr>
</table>
 
Благодаря. Ще го пробвам след малко. Аз бях правил някакви опити преди с таблица и с проценти, ама нещо не се получи. Надявам се този път да стане :) :?:
 
Аз как съм го направил, ето: www.RoverClub-BG.com

2-те менюта в края са с точна ширина, а средното поле е в проценти. Т.е., когато си с по-голяма разделителна средното поле ще се разшири а останалите не. Същото е и с хедъра и футара.
 
Хъммм... Това стана. А има ли някакъв начин да се разтяга и по дължина ? Защото като сложих height="100%" нищо не стана. Още веднъж благодаря :?:

А също така забелязах че и в IE и във Firefox отстрани остава по малко разстояние от горе, от ляво и от дясно. Как може да се избегне това ?
 
scourge каза:
А също така забелязах че и в IE и във Firefox отстрани остава по малко разстояние от горе, от ляво и от дясно. Как може да се избегне това ?
Увеличете...
Код: 
<body style="margin: 0">
<table border="1" width="100%" id="table1" height="100%" >
   <tr>
      <td> </td>
      <td> </td>
      <td> </td>
   </tr>
</table>
</body>
 
ме е задължително да е в таблици същото може да се получи и с <div> но се иска повече познанич по css ( поне според мен )
 
mute каза:
ме е задължително да е в таблици същото може да се получи и с <div> но се иска повече познанич по css ( поне според мен )
Увеличете...
даже е препоръчително да е с DIV ама причината, поради които не е си я казал :roll:
 
Ето едно интересно решение: http://sitepoint.com/article/liquid-design/

Установих че това което ме интересуваше (а именно разтягането на сайта) се слагало под общо име: Liqud Design. Наистина ми стана много странно но в крайна сметка щом така са решили хората ... :roll:

Благодаря на всички които откликнаха на тази тема !

Respect !! :?: :wink:
 
Сега изникна следващия въпрос...

Правя си аз таблицата да се разтяга както трябва, обаче когато сложа някаква картинка тя не реагира - стои си такава каквато си е... :cry:

Има ли някакъв начин това да се избегне и заедно с разделителната да се намалява и тя.

Пробвах да я сложа като background и със <img src="..."> но и по 2-та начина не става ....
 
Страшен си :?:

Мерси за мигновенната реакция. За съжаление вече ти дадох точката от тая тема и не мога да ти дам още 1 ...
 
scourge каза:
Страшен си :?:

Мерси за мигновенната реакция. За съжаление вече ти дадох точката от тая тема и не мога да ти дам още 1 ...
Увеличете...
мм, не мисля. Ако искаш да ти се смаляват снимките по-добре направи thumbs. Ще зарежда по-бързо.
 
Охх извини ме ама .... какво е thumbs

А и сега забелязах че тъпото IE не възприема този код .... и картинката не се променя...
 
scourge каза:
Охх извини ме ама .... какво е thumbs

А и сега забелязах че тъпото IE не възприема този код .... и картинката не се променя...
Увеличете...
thumbs са малки картинки, които като натиснеш върху тях се пуска голямата.

За IE?
Код: 
<img style="width: 100%;" src=""alt="pic">
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе