Hejsa
Jeg er stødt på et lille underligt problem.
Selvom jeg har sat margin-top: til en fast procentværdi så flytter elementerne sig vertikalt når jeg rykker i browserens vindue så den bliver breddere.
- <div style="width:100%; height:100%; text-align:center; vertical-align:middle; margin-top:10%;">
- <img src="webbanner.gif" style="margin-right:100px;"/><br /><br />
-
- <asp:TextBox ID="TextBox1" runat="server" CssClass="TextBox"></asp:TextBox>
- <div style="width:100px;height:29px; background-color:#357DF7;display:inline-block; vertical-align:middle;
- border-radius: 10px; color:White; padding-top:10px;">SØG</div>
- </div>
Det underlige er at når jeg hiver browservinduet større i højre side eller mindre, så rykker banner, tekstbox og knap sig en lille smule op når jeg gør vinduet mindre og nedad når det bliver større.
Det undrer mig for vinduets højde er stadig den samme, så de 10% margin-top burde jo gøre den kun flyttede sig horisontalt, men gør den ikke.
Er der nogen der kan forklare det?
Indlæg senest redigeret d. 15.07.2011 11:21 af Bruger #16651