Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Опять div :))

Сообщения:  [1-10] 

 
 автор: ddhvvn   (29.01.2007 в 17:34)   письмо автору
 
   для: AlexSol   (29.01.2007 в 17:24)
 

Все спасибо!!! Я уже разобрался сам! :))

ОГРОМНЕЙШЕЕ спасибо AlexSol-у и Lelik

   
 
 автор: AlexSol   (29.01.2007 в 17:24)   письмо автору
 
   для: ddhvvn   (29.01.2007 в 17:11)
 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
<style>  
.mydiv  
{  
width:100%;  
height:100px;  
position:relative; 
}  
a.l{ 
display:block; 
position:absolute; 
left:0; 
top:0 

a.r{ 
display:block; 
position:absolute; 
right:0; 
top:0 
}
.in{
    padding:0 20px

</style> 
<div style="width:70%; border:1px solid red; float:left"> 
<div class="mydiv">  
<a class="l" href=""><img border="0" width="10" height="10"  /></a>  
<div class="in"> text</div>
<a class="r" href=""><img border="0" width="10" height="10" /></a>  
</div>   
</div>
<div style="width:28%; border:1px solid red; float:left"> 
....
</div>
<div style="clear:both"> </div>
</body>
</html>

   
 
 автор: ddhvvn   (29.01.2007 в 17:11)   письмо автору
 
   для: AlexSol   (29.01.2007 в 17:01)
 

Не понял? Так тут и получается, что дивы друг над другом?!

Если ставлю "inline", то левый див вытягивается до правого края!

   
 
 автор: AlexSol   (29.01.2007 в 17:01)   письмо автору
 
   для: ddhvvn   (29.01.2007 в 16:53)
 

<div style="width:70%;float:left">
то что раньше
</div>
<div style="width:28%;float:left">
добавлено
</div>

   
 
 автор: ddhvvn   (29.01.2007 в 16:53)   письмо автору
 
   для: Lelik   (29.01.2007 в 16:44)
 

Как какой? Картинка там есть!
P.S.: не знаю у меня сайт не тормозил ни вчера, ни сегодня

   
 
 автор: Lelik   (29.01.2007 в 16:44)   письмо автору
 
   для: ddhvvn   (29.01.2007 в 16:40)
 

какой аттач?
добавлено
да... нифигово тормозит сайт

   
 
 автор: ddhvvn   (29.01.2007 в 16:40)   письмо автору
 
   для: AlexSol   (29.01.2007 в 15:29)
 

2AlexSol - Не помогает...

В общем-то, то что я делал в пред. теме изменилось :)), мне теперь нужно так (см. аттач)

Область от левого края до зелен. полосы занимает 70%, а от ПРАВОГО края до зелен. полосы 29%. Вот как. Надеюсь понятно объяснил :)))
В оьщем подскажите как это сделать нормально :))

   
 
 автор: Conta   (29.01.2007 в 16:25)   письмо автору
 
   для: ddhvvn   (29.01.2007 в 15:17)
 

>Почему, когда в сво-вах стиля ставлю "width: 70%; position: inline", он вытягивается на все 100%?
Потому что браузер (любой!) охреневает!
Ему сказали - "сделай цвет КВАДРАТНЫМ!"

   
 
 автор: AlexSol   (29.01.2007 в 15:29)   письмо автору
 
   для: ddhvvn   (29.01.2007 в 15:17)
 

буквальный перевод: встроку - вот он и занимает всю строку по длинне.

! нет такого ! 
 position: inline

есть display:inline
обойти это примерно так:


<div style="display:inline; margin-right:30%">

   
 
 автор: ddhvvn   (29.01.2007 в 15:17)   письмо автору
 
 

Это снова я! :)))

Теперь такой вопрос. Почему, когда в сво-вах стиля ставлю "width: 70%; position: inline", он вытягивается на все 100%? И делает это везде (IE, NN, OPERA)!

   

Сообщения:  [1-10] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования