[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

my 3rd Panel gets down when I show the 2nd One

Posted on 2011-04-30
3
Medium Priority
?
330 Views
Last Modified: 2012-05-11
Dear Experts,
I have 3 panels in my container like this

<asp:Panel ID="panel1" ...>
</asp:Panel>
<asp:Panel ID="panel2"  style="display:none"...>
</asp:Panel>
<asp:Panel ID="panel3" ...>
</asp:Panel>


the panel2 has a css with this values:
position:relative;
top:-50px;

Open in new window

when I set display of panel2 to show that, it will show the panel2 on panel1 which is correct.
The problem is : panel3 will go down about 30px (the amount of panel2 height)
It seems that the browser gets its size in code and then just change its position...:(
0
Comment
Question by:nceadmin
  • 2
3 Comments
 
LVL 18

Expert Comment

by:Eternal_Student
ID: 35500120
Could you how us the html/css that is outputted?

0
 
LVL 1

Accepted Solution

by:
nceadmin earned 0 total points
ID: 35768765
The answer is to set margin-top of panel 2   to -its height
like margin-top:-50px;
0
 
LVL 1

Author Closing Comment

by:nceadmin
ID: 35806987
Please answer such a these questions ....
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Suggested Courses

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question