Как: размер динамической панели навигации в зависимости от размера динамического изображения? - PullRequest
Новая
       13

Как: размер динамической панели навигации в зависимости от размера динамического изображения?

1 голос
/ 17 августа 2011

На моей странице есть изображение, потребляющее 25% ширины.Теперь я хочу, чтобы панель навигации справа от нее имела ту же высоту, что и изображение.Как я могу это сделать?Я бы предпочел решение CSS или JS, если это возможно ... И я не хочу использовать таблицу ...

Заранее спасибо!

PS: Панель навигации - это вариантэто: http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm

Это часть главной страницы: 

<style type="text/css">
   #Logo {
      position: absolute;
      margin-left: 20px;
      margin-top: 20px;
      width: 25%;
      border: 2px solid black;
   }

   #Nav {
      position: absolute;
      margin-left: 30%;
      margin-top: 20px;
   }

</style>



</head>
<body text="#000000" bgcolor="#ABECEE" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<img src="xxxxxxxxxxxxxxxxx" id="Logo"></img>
<div id="Nav"><?php include("navi.html"); ?></div>

Ответы [ 2 ]

0 голосов
/ 17 августа 2011

Вы не можете иметь # Высота логотипа, влияющая на # Высота Nav, они оба абсолютно позиционированы (без использования JS).Будет ли что-то вроде этого сделать вместо этого?

Обновление

Эта скрипка более точно соответствует требованиям ОП.

0 голосов
/ 17 августа 2011

не уверен, что я вас правильно понял, но из того, что я понял, вам нужна полоса прокрутки для изображения, чтобы вы могли сделать что-то вроде этого: 

<html>
    <body>
    <div class="myimage">
    </div>
    </body>
</html>

.myimage
{
    background-image: url('to-my-image');
    overflow-y: scroll;
    /*whatever the width and height of your image*/
    height: 40px;
    width: 50px;
}
...