百分比宽度和固定的内部宽度问题

好吧这么长的故事短，我的一个客户端让我做一个项目，其中，他特别想要的设计要求100％宽度的标头包装，内部div包含标志是1300px宽度。百分比宽度和固定的内部宽度问题

问题是，例如，在我的屏幕23，它的罚款，显示它应该如何，但在较小的屏幕上，这些巨大的差距和包装div的内部div都是错位的。

因此，例如说我们有两个div，内格为红色，外格是深蓝色的，背景是绿色的，在大屏幕上，我得到这个（这是我想要什么）

------------------------------------------------------------------- 
    |  -----------------------------------|       | 
    |  |         |   end Of window->|   
    |  |red centered in the middle(1300px wide) green **not** seen| 
    |  -----------------------------------       | 
    |  wrapper header div @ 100% (DARKBLUE)      | 
    | ------------------------------------------------------------------

现在，在上述例子中，在标题，你不能看到绿色的，因为头包装格为100％

现在在小屏幕上，像my13'mac/iphone /萨米平板例如

我得到这个

------------------------------------------------------------------------------| 
-----------------------------------|  |         | 
|         |  |  endOf parent header div  | 
|  red       |  | <--pushed all the way left  | 
-----------------------------------  |         | 
    wrapper header div @ 100% (DARKBLUE) |   GREEN     |         
------------------------------------------------------------------------------|

那么什么即时试图说明的是，在小屏幕上，中心DIV推剩下的全部道路，绿色显示....

任何想法，为什么？再次在所有的大屏幕上，它的罚款，在较小的，它打破...

我已经应用于这些css是非常简单的。

所述RED的div是：

#topRow{ 
    width:100%; 
    height:120px; 

    background-image:url(../../images/menuStripBg.png); 
    background-repeat:repeat-x; 

}

内的div（DARKBLUE）为：

#topRowInner{ 
    min-width:1300px; 
    margin:0px auto;  
}

查阅即时基于假设，问题是，在小屏幕上，由于宽度在内部（深蓝色）div是1300px;那小屏幕的分辨率是小于1300，屏幕在100％把它关掉，本质上它不能中心 1300如果父包装100％小于1300 .....

不确定如果这是有道理的......

在任何情况下，如果这是问题，任何想法如何解决这个问题？

如果它不是问题，那么任何提示/提示等我欣然赞赏。

谢谢先进。

来源

2012-04-08 somdow

您是否尝试过将包装div的'min-width'设置为'1300px'，然后将logo div的'width'设置为'1300px'？这应该允许包装器扩大以填充窗口，并且永远不会收缩小于徽标的宽度。 – ryanwachtl 2012-04-09 00:01:27

你的艺术和描述相互矛盾。哪一个是蓝色的，哪一个是红色的？ – NGLN 2012-04-09 01:20:42

假设你的ascii例子，并忽略你的问题的进一步描述，我认为你正在寻找像this solution（加宽和缩小窗口）。

您也可以替换从topRowInner DIV与margin: 0 auto;的position，left和margin-left风格作为自己的CSS，但是当窗口较小然后1300个像素不会居中。

来源

2012-04-09 01:31:59 NGLN

百分比宽度和固定的内部宽度问题

回答

相关问题