Jump to content
  • 0

проблема с маштабированием

fastikkk

Asked by fastikkk,

 Share

Question

fastikkk Explorer

fastikkk

Posted
Posted (edited)

У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere

они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми.

Посетить мою домашнюю страницу

Edited by fastikkk
Link to comment
Share on other sites

49 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
Что-то я не совсем понимаю...

Вопрос: Ты говорил именно о вёрстке двух колонок в середине сайта?

mishka2

Это ты показал, как можно сверстать общий контейнер, а я говорил только лишь про две колонки в середине.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)
Это ты показал, как можно сверстать общий контейнер, а я говорил только лишь про две колонки в середине.

Я показал как сделать 2 колонки всередине.

Что тут непонятно?

Думаешь есть принципиальное отличие верстки общего контейнера для 2х колонок пнг (1 пнг контейнер), и внутренних колонок?

Сложно кусок кода начиная с блока container вставить в нужное место? Или мне нужно было показать верстку всей странички?

Edited by mishka2
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Я показал как сделать 2 колонки всередине.

Что тут непонятно?

Думаешь есть принципиальное отличие верстки общего контейнера для 2х колонок пнг (1 пнг контейнер), и внутренних колонок?

Сложно кусок кода начиная с блока container вставить в нужное место? Или мне нужно было показать верстку всей странички?

Я просто подумал, что ты не понял задачу вначале, но раз так, тогда вопросов нет.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

http://forum.htmlbook.ru/index.php?s=&...st&p=134466

Ну, а какже тогда ie6, ie7?

Выходит только 1 вариант таблицей?

Я те уже готовый код предоставил, осталось картинки нарезать, ну и размеры подогнать.

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Я понял, нужно тогда плавающие блоки в родительский обернуть и ему hasLayout+after. хлопнуть. :)

Вот кстати говоря можно и таким кодом обойтись, так же врубается у главного контейнера хэслайот путём присвоения ширины.

<!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>title</title>
	<style type="text/css">
		body{margin:0;}
		.container{
			width:800px;
		}
		.container .t,
		.container .b{
			height: 10px;
			overflow: hidden;
			background:url(../JS-Book/t.png);
		}
		.container .b{ background:url(../JS-Book/b.png);}

		.container:after{
	content:"";
			display:block;
			clear:both;	
		}

		.column1{
			width: 200px;
			float: left;
			border: 1px solid #000;
		}
		.column2{
			width: 500px;
			float: right;
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	<div class="container" style="background: #906;">
		<div class="t"></div>

				<div class="column1">
					<p>Lorem ipsum dolor sit amet consectetuer mauris sed dictumst odio eu. Pede pede enim wisi neque Vestibulum sed congue volutpat tempus Aliquam. Et malesuada nulla hendrerit sit vitae sed porttitor libero consectetuer metus. Sagittis Pellentesque Pellentesque quis Nulla pede lacus Nulla lobortis ipsum Proin. Vel elit.</p>
					<p>Non tellus velit mattis Nulla id nibh aliquet vitae id Morbi. Aenean diam orci facilisis sagittis vestibulum purus nulla adipiscing id aliquet. Vestibulum mattis habitasse aliquet felis velit egestas convallis pulvinar Curabitur nascetur. Nulla tellus.</p>
				</div>
				<div class="column2">
					<p>Lorem ipsum dolor sit amet consectetuer mauris sed dictumst odio eu. Pede pede enim wisi neque Vestibulum sed congue volutpat tempus Aliquam. Et malesuada nulla hendrerit sit vitae sed porttitor libero consectetuer metus. Sagittis Pellentesque Pellentesque quis Nulla pede lacus Nulla lobortis ipsum Proin. Vel elit.</p>
				</div>

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

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)
Вот кстати говоря можно и таким кодом обойтись, так же врубается у главного контейнера хэслайот путём присвоения ширины.

Ну наконец то, внимательно просмотрел код.

Edited by mishka2
Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)
Вот кстати говоря можно и таким кодом обойтись, так же врубается у главного контейнера хэслайот путём присвоения ширины.

Ну наконец то, внимательно просмотрел код.

Ну это я уже невнимательно твой код посмотрел.

Макс, тот код что я привел, он необходимый и достаточный. Ты еще раз прочти условие, и посмотри - выполнил ли ты его в своем коде.

Ну и перед тем как чтото выложить, было бы неплохо проверить как оно работает и работает ли вообще.

Edited by mishka2
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Ну это я уже невнимательно твой код посмотрел.

Макс, тот код что я привел, он необходимый и достаточный. Ты еще раз прочти условие, и посмотри - выполнил ли ты его в своем коде.

Ну и перед тем как чтото выложить, было бы неплохо проверить как оно работает и работает ли вообще.

У меня мой код работает, т.е. я добиваюсь того, чтобы родитель видел вложенные блоки с флоатом. Да, я согласен, ещё один блок всё же нужен для отступов возможно, но максимум один, а не два.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited)
У меня мой код работает

Да неужели?

Тоесть ты хочешь сказать что в твоем коде реально по оси Y прорепитить пнг бекграунд? который бы не перекрывал ни верхний, ни нижний? И посмотри фаербагом куда у тебя подевался блок <div class="b"></div>, ты так уверяешь что он внизу будет?

Да, я согласен, ещё один блок всё же нужен для отступов возможно, но максимум один, а не два.

Ага, и так ты прийдешь к моему коду.

Когда у тя пройдет параноя? Поверь то что у меня еще +2 блока(так как я в своем коде привел общий случай фиксированного по ширине дива с пнг бекграундом с закруглениями), это потому что так нужно.

Могу дать задачку, и ты после поймешь почему там нужно еще 3 блока.

Edited by mishka2
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Согласен, но паранойи у меня нет. Просто я говорил именно про охватывания флоат блоков, но если нужны углы внизу и прочие штуки, тут конечно уже нужно думать о дополнительных контейнерах.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept