ASP.NET page displays different at runtime

Community TechTalk
1

Hi:

I am new to .NET. I have designed a projet in ASP.net using VB.NET. I am able to load all the pages but the pages at runtime don’t display the same like design mode pages. The frames seem to overlap each other at runtime. I am not using frames but

like divisions. Why does the page display different at runtime?

Any help will be greatly appreciated.

2

Hi,

The reason this is occurring is because your IDE (assuming its Visual Studio) is using absolute positions for example, look at your div tags, they will have a display attribute and it will have x, y, z axis values. If this is the problem, its best to edit the divs in HTML mode and remove those absolute values.

If it is, can you send a sample of the html code. I’ll look at it and give you my 2 cents.

thanks

3

Thanks Maverick. Can you please look into this. What should i do here?

I changed the z-index in layout to 101 as it allows me to move the frames.

what am i doing wrong here?
:frowning:

<%@ Page Language=“vb” AutoEventWireup=“false” Codebehind=“Index.aspx.vb” Inherits=“FINALTCW.Index” enableViewStateMac=“True” debug=“False” aspCompat=“True” smartNavigation=“True” buffer=“True”%>

Index
4

The problem still persists even after removing the z-index. A couple of nights before I was able to see them correctly. I saved the code and didnt work on it till the next day. That was when i started having problems. I didn’t even change the code what was before.

I am so thankful to you for looking into this

5

Visual Studio can act very stupid at times. Hopefully the new version has this fixed. Can you remove this

style=“Z-INDEX: 103; LEFT: 96px; POSITION: absolute; TOP: 0px”

and try again

6

If I remove the positioning, that division does not move to the right. it overlaps on the left division. I have 2 divisions placed next to each other. If I remove that it does not allow me in design view to move the divisions.

By the code I have currently I am able to view things nicely in design view. But at runtime, the divisions overlap. previously this did not happen. i dont know what I did that this started behaving this way. I have visula studio.net

Alos my font size gets reduced in explorer which didnt happen before

:frowning:

7

In which case, why don’t you have a table