Вот возможно наши расхождения, ибо я в опере сначала делаю, а только потом во всем остальном (ито как время будет, пока это не принципиально). И скажи наконецто почему таблица лопнет, рано или поздно ?
|
danik.js,
текст нормально выглядит у меня только в Internet Explorer10 в остальных браузерах строки ползут на друг друга -- это Google Chrome и firefox |
Вообщем если использовать таблицу у меня все получилось, картинка с шириной больше ширины экрана, и "посты", которые не вылазят за рамки. Как услышу ответ на мой вопрос в предыдущем "ответе" так и будем думать, стоил ли менять. Если нид скрины, пишите - выложу.
|
ща ток пришел... минут через полчасика и чо нидь выдам
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Домашняя страница</title>
<link href="http://hostjs-mybb2011.narod.ru/css/style-81.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://yandex.st/jquery/1.8.2/jquery.min.js"></script>
<div id=Storage style="display:none"></div>
<script type="text/javascript">
(function(){
Wheight = $(window).height();
var height = $("window").height();
$(document).ready(function(){
var Wrap = $("#element").addClass('Wrp');
var TR = Wrap.parent('tr')
var img = $("#img");
TR.attr('valign','top');
var Stor = $('#Storage');
Stor.html(Wrap.html());
Wrap.empty();
setTimeout(function(){
img.attr('height',Wheight);
var TDheight = Wrap.innerHeight();
Stor.find('form,span[id^="spanlabel"]').each(function(){
var NN = $(this);//alert(NN.html())
NN.appendTo(Wrap);
if(Wrap.innerHeight()> TDheight+22){
var NN = Wrap.find('span[id^="spanlabel"]:last').remove();
Wrap.after('<td class="Wrp"></td>');
Wrap = Wrap.next();
NN.appendTo(Wrap);
}
Wrap.append('<br/>')
});
},700)
});
})()
</script>
</head>
<body>
<div class="page">
<div style="position: fixed; z-index:100;">
<ul id="menu">
<li>
<img src="http://hostjs-mybb2011.narod.ru/img/AvaImage.jpg" alt="AvaImage" onload="OnlImg()">
</li>
<li><a href="./home_files/home.htm">Домашняя страница</a></li>
<li><a href="http://localhost:40297/Home/PersonalPageEdit">Редактирование</a></li>
<li><a href="http://localhost:40297/Account/LogOff">Выход</a></li>
</ul>
</div>
<div id="main">
<table class="wall" id="labelwall">
<tbody>
<tr valign=top>
<td>
<img src="http://hostjs-mybb2011.narod.ru/img/CoverImage.jpg" alt="CoverImage" id="img">
</td>
<td id="element">
<br><br>
<form action="http://localhost:40297/LabelWall/PostLabel" method="post"><textarea cols="20" id="Label" name="Label" rows="2" style="width: 250px; height: 150px; position: relative; resize: none;"></textarea> <br><br>
<input type="submit" value="Разместить"><br><br>
</form>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.
<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.
<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.
<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.
<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
<span style="display: inline-block; width: 200px; height: 200px;" id="spanlabel">
<img src="http://hostjs-mybb2011.narod.ru/img/MiniAvaImage.jpg" alt="MiniAvaImage" style="padding: 2px;">
Сергей Прохоров<br>
22 февраля 2013 г.
<br>
Кто же это сделал ?
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
adasdasdadasdadasdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
<br><br>
</td>
</tr>
</tbody></table>
</div>
</div>
</body>
</html>
|
Спасибо конешно, но я уже вчера отписал что сделал http://javascript.ru/forum/misc/3583...tml#post237731
Думаю мое решение лутше только тем что не надo выполнять расчетов JS. |
HoenDHime,
Ну я посмотрел, что в разных браузерах кривит, и интересна была кроссбраузерная метода подойдет и при заполнении аяксом |
Как буду прогонять весь сайт на момент кроссбраузерности и аякс плюшек, сообщю результат если интересно кому-то.
|
В myspace.com проблему с оперой как-то решили. Пытался разобраться - безуспешно.
|
| Часовой пояс GMT +3, время: 11:48. |