0

我遇到了一个非常严重的问题。

我有一个带有背景的标题，它的左右两端不同。标题、内容以及围绕它们的包装器都是 1065 像素宽。

我创建了另一个“background_wrapper”，它包含一个在标题图形上继续的图形。它具有左右不同的末端和空白空间，与标题图形一样宽。它必须保持在标题图形的末尾，就像浏览器窗口为 100% 宽（在 PC 屏幕上）时一样。但是，如果我调整它的大小，它会变得越来越小（每次都是 100%），所以它会移动到标题后面。

我在这里上传了它：http: //bf3zone.bplaced.net/Coding/

我的代码：

    <body>
<div id="background_addition">
<div id="wrapper" class="clearfix">
    <div id="header">
        <div id="logo">
            <a href="index.html" title="M3 Institut - Zurück zum Start">
                <img src="images/logo_hover.png" alt="M3 Institut - Menschen machen Märkte" class="b" />
                <img src="images/logo.png" alt="" class="a" />
            </a>
        </div>
        <ul class="nav">
            <li><a href="index.html" title="Start" class="current_page_item">Start</a></li>
            <li><a href="">Tab 1</a></li>
            <li><a href="">Tab 2</a></li>
            <li><a href="">Tab 3</a></li>
            <li><a href="">Tab 4</a></li>
            <li><a href="">Tab 5</a></li>
            <li><a href="">Tab 6</a></li>
            <li><a href="">Blog</a></li>
        </ul>
    </div>

我所有包含正文/标题/包装器的东西的CSS：

    * {
    margin:0;
    padding:0;
    } 

html, body {
    display: block; 
    background: url(images/background.jpg) repeat-x; 
    font: normal 100% Arial, sans-serif; /* 16px */ 
    line-height: 140%;
    color: #464646; 
    clear: both; 
    }

html, body, #wrapper {
    height: 100%;
    margin: 0 auto;
    }

body > #wrapper {
    height: auto; 
    min-height: 100%;
    }

#wrapper {
    width: 1065px;
    }

#background_addition {
background: url(images/wrapper.png) no-repeat center top;
}

#header {
width: 1065px;
height: 193px;
background: url(images/header_background.png) no-repeat top left;
}
4

1 回答 1

0

解决方案：使用标题的宽度为您的身体添加一个最小宽度。

html, body {
      min-width: 1064px;
      }
于 2013-04-05T09:52:39.867 回答