Помогите пожалуйстА!!!!

Jaeser · April 9, 2008

Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...

Storm · April 9, 2008

Новая подсказка.

Разбирай код.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
.fl_left {float:left;width:50%;}
.fl_right {float:right;width:50%;}
ul {margin:0;padding:0;}
li {list-style-type:none;}
.fl_left li {float:left;}
.fl_right li {float:right;}
/*]]>*/
</style>
</head>
<body>
<div style="border:1px solid red;">
 <div class="fl_left">
 <ul>
 <li><a href="http://www.dynamicdrive.com/" class="current">Главная</a></li>
 <li><a href="http://www.dynamicdrive.com/style/">Статьи</a></li>
 <li><a href="http://www.dynamicdrive.com/forums/">Математика</a></li>
 <li><a href="http://tools.dynamicdrive.com">WEB-мастер</a></li>
 </ul>

 <div style="clear:both;"></div>

 <ul>
 <li><a href="http://www.dynamicdrive.com/">JavaScript</a></li>
 <li><a href="http://www.dynamicdrive.com/style/" >CSS</a></li>
 <li><a href="http://www.dynamicdrive.com/forums/">PHP</a></li>
 </ul>
 </div>
 <div class="fl_right">
 <ul>
 <li><a href="http://www.dynamicdrive.com/" class="current">Главная</a></li>
 <li><a href="http://www.dynamicdrive.com/style/">Статьи</a></li>
 <li><a href="http://www.dynamicdrive.com/forums/">Математика</a></li>
 <li><a href="http://tools.dynamicdrive.com">WEB-мастер</a></li>
 </ul>

 <div style="clear:both;"></div>

 <ul>
 <li><a href="http://www.dynamicdrive.com/">JavaScript</a></li>
 <li><a href="http://www.dynamicdrive.com/style/" >CSS</a></li>
 <li><a href="http://www.dynamicdrive.com/forums/">PHP</a></li>
 </ul>
 </div>
 <div style="clear:both;"></div>
</div>
</body>
</html>

Emm · April 9, 2008

на.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
body {
margin: 4px;
 }
.indentmenu{
font: bold 13px Arial;
width:100%;
border-right:1px black solid;
border-left:1px black solid;
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;

background: black url(2_files/indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: #596602;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; 
padding-top: 6px;
padding-bottom: 4px;
background: black url(2_files/indentbh.gif) center center repeat-x;
}
#int ul li a {
border-bottom:none;
}
.line {
height:27px;
min-width:800px;
border-top:none;
}
.line1 {
width:370px;
float:right;
}
.indentmenu1{
font: bold 13px Arial;
}
.indentmenu1 ul{
margin: 0;
padding: 0;
float: right;
background: black url(2_files/indentbg.gif) center center repeat-x;
}
.indentmenu1 ul li{
display: inline;
}
.indentmenu1 ul li a{
float: left;
border:none;
border-left: 1px solid black;
border-bottom: 1px solid black;
color: #596602;
padding: 5px 11px;
text-decoration: none;
}
.indentmenu1 ul li a:visited{
color: white;
}
.indentmenu1 ul li a:hover, .indentmenu1 ul li .current{
color: white !important;
padding-top: 6px;
padding-bottom: 4px;
background: black url(2_files/indentbh.gif) center center repeat-x;
}
.bg {
background: url(2_files/indentbg.gif) center center repeat-x;
border:1px black solid;
min-width:800px;
float:left;
}
</style>

</head>
<body>

<div class="indentmenu bg" id="int">
<ul>
<li><a href="http://www.dynamicdrive.com/" class="current">Главная</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >Статьи</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Математика</a></li>
<li><a href="http://tools.dynamicdrive.com/">WEB-мастер</a></li>
</ul>

<div class="indentmenu1 line1">
<ul>
<li><a href="http://www.dynamicdrive.com/">Кодинг</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >Дневник</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Гостиная</a></li>
<li><a>Выход</a></li>
</ul>
</div>

</div>
<br style="clear: left" />

<!-- -->

<div class="indentmenu line">
<ul>
<li><a href="http://www.dynamicdrive.com/">JavaScript</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">PHP</a></li>
</ul>

<div class="indentmenu1 line1">
<ul>
<li><a href="http://www.dynamicdrive.com/">Delphi</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >Photoshop</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Perl</a></li>
</ul>
</div>

</div>

<!—->

<div class="indentmenu line">
<ul>
<li><a href="http://www.dynamicdrive.com/">Хакинг</a></li>
<li><a href="http://www.dynamicdrive.com/style/">Новости</a></li>
</ul>

<div class="indentmenu1 line1">
<ul>
<li><a href="http://www.dynamicdrive.com/">Ссылки</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >Крэкинг</a></li>
</ul>
</div>

</div>

<!—->

<div class="indentmenu line">
<ul>
<li><a href="http://www.dynamicdrive.com/">Форум</a></li>
</ul>

<div class="indentmenu1 line1">
<ul>
<li><a href="http://www.dynamicdrive.com/">О сайте</a></li>
</ul>
</div>

</div>



</body>
</html>

в 6 осле, скорее всего будет криво. нет, 100% будет криво)

Jaeser · April 9, 2008

Emm... Огромное спасибо, это то что я хотел. Думал, что будут толкько намеки или подсказки, а не полный исходник, какой ты написал... И все - таки благодарю Storma... Эта тема окончена... остался доволен!

Sign In

Помогите пожалуйстА!!!!

Question

Jaeser

Link to comment

Share on other sites

28 answers to this question

Recommended Posts

Storm

Link to comment

Share on other sites

Emm

Link to comment

Share on other sites

Jaeser

Link to comment

Share on other sites

Обсуждения

Forums

Important Information