右div标签调整窗口

这时候移动是有问题的网站：http://co-project.lboro.ac.uk/users/cokl/Computifieds/index.php 右div标签调整窗口

我试图让这个在Topright左移的div当你调整窗口的大小小。但由于某种原因，它没有。

它工作时，我禁用.wrapper3的宽度样式，但然后页面不再被包裹了。

我知道这可能只是简单的答案，但我似乎无法解决。谢谢。

这是与它的代码：

<div id="Toppage"> 
    <div id="Header" class="wrapper3"> 

      <a href="index.php"><img style="float:left;" width="200" height="80"src="Images/logo.png"></a> 

    <div id="Topright"><div class="nav" style=" margin-left: 17px; margin-top: 3px; font-size:16px;">Buy | Sell | My Account | Community | <a href="messages.php">Messages</a></div></div> 



    <font style="float: right; display:block; clear:right; overflow:hidden; margin-top: 28px; font-size:12px;"> 

    <?php 
    if(!isset($user_check)) 
    {echo 'Welcome, please <a href="login.php">login/register</a> to continue!'; 

    } else { 
    echo 'Welcome '.$_SESSION['login_user'].'. To log out, please click <a href="logout.php">here</a>.';} 
    ?> 

    </font> 
    <?php echo $getpmalert;?> 
    </div> 

</div>

而CSS是：

#Toppage{ 
background: url("Images/topback.png") repeat-x scroll left bottom #FFFFFF; 

} 

#Topmiddlepage{ 
background: url("Images/topmiddle.png") repeat-x scroll left bottom #FFFFFF; 
} 

#Header{ 
    height: 80px; 

} 

#Middleheader{ 
    height: 40px; 
} 

#Topright { 
    background: url("Images/topright.png") repeat-x scroll left bottom #FFFFFF; 
    color: #FFFFFF; 
    float: right; 
width: 400px; 
height: 31px; 
    overflow: hidden; 
} 

#Topright2 { 
    float: right; 
width: 400px; 
height: 31px; 
    overflow: hidden; 
} 

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */ 
    position: relative; 

    font-size: 0.9em; 
    margin: 0 auto -170px; 
    text-align: left; 
} 

.wrapper3{ 
width: 980px; 
    margin: 0 auto; 
    overflow: hidden; 
} 

.page { 
    overflow: hidden; 
    width: 100%; 
}

来源

2011-03-14 Kenny

对于.wrapper3设置最小宽度和最大宽度可能会奏效，使之变尺寸。我知道IE浏览器有一些问题，但有解决方法。

http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml

希望这有助于。

来源

2011-03-14 00:24:15

你需要添加下面的CSS：

#Topright { 
    position:fixed; 
    top:0px; 
    right:0px; 
}

，然后找出你想要用做什么“的请求登录”消息。

来源

2011-03-14 00:24:51 Shad

右div标签调整窗口

回答

相关问题