VIRUS
-
Posts
22 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by VIRUS
-
-
Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака.
Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html
Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана.
Мучаюсь уже второй день.
-
Одно радует, что это временный дизайн до старта проекта.
-
В том смысле... а в IE7 не смотрели? Вообще во всех браузерах по разному все выглядит. Для чего, спрашивается? Коли уж сама игра флешевая, отчего регистрацию тож на флеше не сделать? Кроссбраузерно чистым html не получится.
Это совсем не флешевая игра и флешом там и пахнуть не будет.
Стиля сайта не увидел. Удивительно, что автора топика так волнует рамочка, и не волнует тот факт, что капча вообще съедает мозг....Капча в процессе была, уже процесс завершен
В том смысле... а в IE7 не смотрели? Вообще во всех браузерах по разному все выглядит. Для чего, спрашивается? Коли уж сама игра флешевая, отчего регистрацию тож на флеше не сделать? Кроссбраузерно чистым html не получится.Блин, селект в IE7 вообще ужасно выглядит
почему ? Блин от куда белая рамка 
-
На данном форуме не принято советовать горе-кодерам того, что может вредить пользователям. Так что без адекватного объяснения, зачем понадобилось убирать рамку у селекта, тема не будет раскрыта.
Объясняю: потому, что тут единственный селект выглядит не под стиль сайта из-за своих рамок.
-
Отходим от темы
-
Совершенно верно, так как их не будет.
-
Как убрать рамку с помощью CSS с ссылок - это проще простого, а вот как ее убрать с поля <select> ? Искал, решения ненашел. Эта рамка особенно мешает и все портит, если это поле красиво разукрашено стилями.
-
она по умолчания неавто для IE6
проверено, если надо доказательства, дам ссылку на проект, где пришлось высоту авто делать -
потому что чуть позже текст может добавиться и высота увеличится
-
Как и обещал, вот результат, из-за чего создана тема: http://gameavp.com.
На днях сделаю AJAX проверки на формы.
-
Если интересует, я могу показать готовый результат, из-за чего собственно и создал эту тему.
-
А я думал, что буду месяцами ждать, пока кто-то на форуме поможет, а тут вот уже какая тема
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Block</title>
<style type="text/css">
body{
margin:0;
min-width:800px;
_width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto");
}
#wrapper{
width:100%;
overflow:hidden;
position:relative;
}
.wrap{
width:800px;
margin:0 auto;
position:relative;
background:#00f;
}
.left,
.right{
width:200px;
background:#f00;
position:absolute;
left:-200px;
top:0;
}
.right{
right:-200px;
left:auto;
}
.center{
overflow:hidden;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="wrap">
<div class="left">
<p>Lorem ipsum dolor sit amet consectetuer tempus nibh dolor interdum.</p>
</div>
<div class="right">
<p>Lorem ipsum dolor sit amet consectetuer magna mauris justo auctor pede. Laoreet Cum lacinia wisi Aliquam nibh id.</p>
</div>
<div class="center">
<p>Lorem ipsum dolor sit amet consectetuer Curabitur laoreet Aenean tellus et. Nunc justo ut consequat et Cum amet Maecenas laoreet Nulla felis. </p>
<p>In Curabitur id condimentum id Integer dictumst ipsum nunc dictum eget. Nulla et magnis justo justo tincidunt gravida justo Curabitur turpis sagittis. Pellentesque.</p>
<p>At eu quis ipsum elit Sed pede nec vestibulum morbi Cum. Et fringilla rhoncus pretium id enim lobortis lacus ut leo nunc. Vivamus Donec elit nunc scelerisque.</p>
</div>
</div>
</div>
</body>
</html>Еще раз повторюсь - я делаю не на 1000, а меньше так как мне так удобнее тестить
Отличное решение, работает во всех браузерах (кроме неактуального IE5.5
)Спасибо огромное, хоть свою задачу я решил с фоном выровняным по центру, но это решение в архив для анализа
P.S.: Сегодня к вечеру, выложу релиз того, что я своял, раз уж такая тема завелась
-
1) Да, задачка интересная и уверен, что пригодится на будущее, обязательно будем решать дальше
2) На этом сайте сделано фоном, обычный фон на body
Да точно, действительно фон на боди, оказываеться все намного проще, а я велосипед такой с дивами боковыми накрутил.
Но всетаки идея классная. Действительно найти качественное решение задаче было бы круто. Кстати с джаваскриптом решаеться елементарно, но некошерно
-
Так и я ученик, токо начал учить верстку, но если решить такю проблему, как было бы круто...
Кстати вот тут так реализовано:
Только вытащить от туда я вообще не всилах решение.
-
да вариант ничё вроде, но есть проблема: Нужно, что-бы боковые колонки были по 300пк, а не резиновые
VIRUS А как тебе наглый вариант?
Наглый я в первую очередь пробовал, но скролл полюбому должен быть если ширина меньше 1000px
Боковые колонки невопрос, пусть будут фиксированой ширины 300px. Главное, что бы прятались под края браузера.
Непонял, так резиновые бока иль всеже фиксированные? Как тема называется?Резиновые имелось ввиду, что они будут прятаться под края браузера
-
Ачем ненравится тот вариант который Great Rash уже предложил?
Это немного переделанная работа от Great Rash
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
body{
margin:0;
min-width:800px;
_width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto");
}
.left,
.right{
float:left;
width:50%;
height:100px;
background:#f00;
margin:0 -50% 0 0;
overflow:hidden;
}
.right{
float:right;
margin:0 0 0 -50%;
}
.left-inner{
margin:0 400px 0 0;
}
.right-inner{
margin:0 0 0 400px;
}
.center{
width:800px;
overflow:hidden;
position:relative;
margin:0 auto;
background:#ff0;
}
</style>
</head>
<body>
<div class="left">
<div class="left-inner">left box</div>
</div>
<div class="right">
<div class="right-inner">right box</div>
</div>
<div class="center">
<p>Lorem ipsum dolor sit amet consectetuer malesuada pretium Maecenas Nunc elit. Quisque Morbi malesuada quis mi Phasellus vestibulum magna Mauris penatibus molestie. Suspendisse vel.</p>
<p>Vivamus mollis lacinia ut Vivamus convallis nunc Nam Vestibulum vel ante. Elit nisl et quam enim a neque ante at neque netus. Porttitor.</p>
<p>Lorem lobortis augue eros senectus id penatibus quis Phasellus semper ornare. Scelerisque nibh et consectetuer nec natoque Aliquam.</p>
</div>
</body>
</html>Тут левый блок под центр прячется а не под край браузера
-
Слушай, я даже пока ничё придумать не могу, но возможно мастер Great Rash сможет помочь, у меня то ещё опыта мало совсем. А покажи свой вариант кстати
Вот мой вариант, ссылка в сабже есть:
http://vws.com.ua/projects/test/index.html
Но тут горизонтальная прокрутка
-
Наверное ты имел ввиду этот: http://psywalker.ru/Forum/Column/Column_1400px2.html ,ну я понял, интересненькое у тебя заданьице тогда. Нужно подумать
Я придумал как левый див так сделать, правый тоже правильно отображаеться, но горизонтальный скроллинг из-за правого дива присутствует, а он должен быть только если ширина браузера меньше 1000 px
Уже второй день голову ломаю и всю ноч не спал.
-
Вуаля: http://psywalker.ru/Forum/Column/Column_1400px.html
Это набросок, надо усовершенствовать попробовать чуть позже
Этот вариант не подходит, так как бока вдвигаются под основной контент, а они должны прятаться в край браузера.
-
Здравствуйте, целый день промучался с версткой на дивах, цель такая:
Есть дизайн, фиксированая ширина 1000 пикселов по центру браузера. Но в дизайне есть слева и справа дополнительные блоки вокруг центра, ширина каждого блока 300 пикселов. Но они должны обрезаться слева и справа соответственно от ширины браузера. Горизонтальная прокрутка должна появляться только тогда, когда ширина браузера меньше 1000 пикселов. Должно быть валидно (XHTML), работать во всех браузерах (IE 6-8, Firefox, Opera, Safari, Chrome, Netscape Navigator) одинаково. Без использования JavaScript.
Вот что есть на данный момент: http://vws.com.ua/projects/test/
float: left в резиновом div в ie6
in HTML Coding
Posted
Как в IE6 сделать так, что бы внешний div по высоте был резиновый, если внутри которого div с float left ?
Вот пример: http://local-schillerfan.vws.com.ua/tools/makeup/field_blocks_lite.html
Dj всех браузерах отлично работает, кроме ie6