Ширина страницы 1088px

web-monster · August 21, 2011

Здравствуйте, нужна помощь.

Имеем страницу шириной 1088px. Как сделать так, чтобы при разрешении 1024*768px не появлялся горизонтальный скролл, т.е чтобы документ справа и слева обрезался? Можно ли сделать без помощи скрипта?

Temiks · August 21, 2011

возможен вариант с указанием max-width: 1088px, вместо width: 1088px; ?

web-monster · August 21, 2011

Ох, у меня уже голова не варит, что надо сделать. :facepalmxd:

Ссылка на страницу

При разрешении 1024*768 нужно чтобы обрезалось по краям

Edited August 21, 2011 by web-monster

Temiks · August 21, 2011

Как вариант к body добавить


min-width: 1024px;
overflow: hidden;
height: auto;

web-monster · August 21, 2011

Не выходит - скролл все равно есть + некоторые блоки вниз сползают

F315 · August 22, 2011

Нужно блоку wrapper назначить min-width:1024px и max-width:1088px;

<!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>
<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<!--[if lte IE 7]> 
	</style>
	<![endif]-->
	<style type="text/css">
	body, html{
	height:100%;
	}
	body{
	margin:0;
	background-color: red;
	}
	.wrapper{
	background-color: green;
	height:100%;
	min-width:1024px;
	max-width:1088px;
	margin:0 auto;
	}
	</style>
</head>

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

web-monster · August 22, 2011

В моем случае это почему-то не работает :facepalmxd:

F315 · August 22, 2011

прописала стили прямо в твоем сайте - все работает

съезжают правда правые блоки, но это потому что их суммарная ширина больше 1024px. Поэтому, они перемещаются вниз, когда перестают помещаться по ширине.

Temiks · August 22, 2011

Для этого можно назначить плавающею ширину этим блокам, которые съезжают

Sign In

Ширина страницы 1088px

Question

web-monster

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Temiks

Link to comment

Share on other sites

web-monster

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

web-monster

Link to comment

Share on other sites

F315

Link to comment

Share on other sites

web-monster

Link to comment

Share on other sites

F315

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information