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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Вёрстка
 
 автор: psywalker   (13.06.2008 в 22:15)   письмо автору
 
 

Ребят,помогите плиз,мучаюсь уже несколько дней((

У меня такая ситуация, 2-ве Колонки из 2-ух Дивов(Левый и Правый)
Левый 80%(контент),а Правый 20%(меню)...Вродебы всё ровно
У меня Экран(разрешение 1900х1200...и када я в нём прописываю свой код,вродебы всё ровно,при моём разрешении канешна всё праваильно,НО...када я переключаю Экран на 600х800,то сразу начинаеться следущее: ПРАВЫЙ Див начинает лезть на ЛЕВЫЙ

А када я другие сайты врубаю,то там при разрешении 600х800 всё просто уменьшаеться кабута и ничего на Друг Друга не лезит)))Пусть даже появляется полоса прокрутки(Нижняя)но всё равно Ничего Не теряеться,каждое слово Видно,каждая мелочь на сайте ,которая была при Разрешении 1900х1200

Помогите мне плизз..Вот скачайте с обменика,там вес ваще маленький,5 сек.. http://webfile.ru/2019392 , файл наз: 1.html

А вот на всякий случай рисунок моей ситуаци,сначала 1900х1200 :

[img]<img src="http://www.picamatic.com/show/2008/06/13/09/444383_bigthumb.JPG" border="0" alt="3232323.JPG - image uploaded to Picamatic" title="3232323.JPG" width="320" height="200"/>[/img]

А вот 800х600 ,тут отчётливо видно,что меня волнует,получаеться,что мой левый Див находиться под правым

[img]<img src="http://www.picamatic.com/show/2008/06/13/09/444399_bigthumb.JPG" border="0" alt="2323323.JPG - Picamatic - upload your images" title="2323323.JPG" width="320" height="240"/>[/img]

   
 
 автор: AlexSol   (13.06.2008 в 22:19)   письмо автору
 
   для: psywalker   (13.06.2008 в 22:15)
 

20%+79%

   
 
 автор: psywalker   (13.06.2008 в 23:32)   письмо автору
 
   для: AlexSol   (13.06.2008 в 22:19)
 

Извини дружище,но я уже всё перепробовал,и ничё не выходит всё равно,уже чё тока не делал..вот мой код


.i{ background-color:blue;position:absolute; left:0%;top:410;width:90%;border:0px solid #333333; float:left;margin-top:320px;}
ЛЕВЫЙ ДИВ

.o{ position:absolute; width:9%;left:91%;top:410;
background-color; border:0px solid #ff0000; float:right;margin-top:320px;}
ПРАВЫЙ ДИВ

   
 
 автор: PAT   (14.06.2008 в 02:12)   письмо автору
 
   для: psywalker   (13.06.2008 в 23:32)
 

<html>
<head>
<style>
html, body {
           height: 100%;
           width: 100%;
           }

body       {
           margin: 0;
           padding: 0;
           }

.leftD     {
           padding: 10px;
           position: absolute;
           background-color: blue;
           left: 0;
           top: 10px;
           width: 90%;
           float: left;
           height: 300px;
           }
.rightD    {
           padding: 10px;
           position: absolute;
           background-color: yellow;
           left: 90%;
           top: 10px;
           width: 10%;
           float: right;
           height: 300px;
           } 
</style>
</head>
<body>
<div class="leftD">Никаких проблем</div>
<div class="rightD">вАЩе нету!</div>
</body>
</html>

   
 
 автор: psywalker   (14.06.2008 в 04:02)   письмо автору
 
   для: PAT   (14.06.2008 в 02:12)
 

Спасибо дружище.а вот этот пример помоги разобрать тоже плиз:

а вот так я прописал,а када делаю 800х600,то средний почемуто залазит на левый?
<style>
body{margin-left:0px;margin-right:0}

.h{margin-left:0px; width:13%;background:#e5e5c4; border:0px solid #333333;float:left;}
.i{ margin:0px; width:74%;background:#ff0000; border:0px solid #e3e3c3;float:left;}
.o{ margin:0px; width:13%;background:#e5e5c4; border:0px solid #ff0000;float:right;}
</style>
<div class="h" ><img src="3213.jpg"></div>
<div class="i" ><img src="3216.jpg"></div>
<div class="o" ><img src="3214.jpg"></div>

   
 
 автор: PAT   (14.06.2008 в 06:26)   письмо автору
 
   для: psywalker   (14.06.2008 в 04:02)
 

Сходите сюда - http://www.dynamicdrive.com/style/layouts/category/C10/ - там много примеров с кодами. Выберите себе подходящее.

PS. И вопрос: какой такой тайный смысл есть в вашей записи border:0px solid #ff0000 - зачем указывать стиль и цвет бордеру, которого НЕТ (ибо толщина у него нулевая)?

Это что-то вроде шаманства?
Обращение к бордеру, как к "высшему существу"?
Что-то типа "Бордер-бордер, я знаю, что тебя вообще-то нет, но ВЕРЮ в то, что ты прекрасен и солиден" говорите, когда это правило CSS пишете?
И в бубен параллельно бьёте? :-)

   
 
 автор: psywalker   (16.06.2008 в 10:39)   письмо автору
 
   для: PAT   (14.06.2008 в 06:26)
 

PAT Спасибо вам огромное за помощь.я наконецто хоть немного встал на правильный путь...

А по поводу Бордера,это из-за неопытности забыл стереть,да и потом мне это не важно в моей ситуации,особо акцент на нём и не делал поэтому)))

   
Rambler's Top100
вверх

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