Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi:
This is the website I am working on: www.datawebcoder.com
If I open it with firefox, the login part and "welcome" part will move to top. if I refresh the page, or even resize the page, those two parts will back to normal.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="App_Themes/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="layout">
<uc1:Header ID="Header1" runat="server" />
<div id="left">
<uc1:LoginBox id="LoginBox1" runat="server"></uc1:LoginBox>
</div>
<div id="right">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</div>
</div>
</form>
</body>
</html>
==============
#layout {
width: 803px;
margin: auto;
border: 0;
background: white;
position: relative;
}
#left {
margin: 0 0 0 0px;
float: left;
width: 212px;
padding:0px 0 0 0;
}
#right {
margin: 0;
float: right;
border-left: 1px solid #EBEBEB;
width: 590px;
overflow: hidden;
padding:0px 0 0 0;
}
Can you please let me know where is the problem? Thanks a lot.
jt -
TRY THIS...
Enclose img and sub header into a seperate div (for example #header)
and set height to that div
for ex,
#header{
height: 139px; /***img height 114px + navi height 25px **/
}
- Cheers
Kesav
1 to 2 of 2