Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Перенос блока (http://forum.oszone.net/showthread.php?t=259052)

xNiSSaNx 20-04-2013 17:44 2136475

Перенос блока
 
Делал блоки для шапки сайта, и в результате должно получися следующее:
Первый блок содержащий лого и находится слева
Второй блок содержит ссылку и находится справа на однм уровне с первым

Внешне вот так
|LOGO . . . . . . link|

Но при маленьком экране правая ссылка не влезает, и получается за пределами экрана.

Вот код
Код:

<table style="width:100%;">
<tr>
<td style="display:inline-block;"><img  id="logo" src="/logo.png"></td>

<td Nowrap align="right" style="display:inline-block;">

        </td>
</tr>
</table>

Если со свойством display:inline-block; то переносит как нужно, но правый блок не размещается под правый край, или без display:inline-block; не переносит на новую строку если не влазит.

С float тоже ничего толкового не получается, так как переносит блок на новую строку, если и левый через флоат, то более менее, но правый блок не по центру, и вот момент, если margin-top поставлю, то перенесенный он будет отступать, хотя это не нужно


Время: 20:55.

Время: 20:55.
© OSzone.net 2001-