controls in grid layout render incorrectly in firefox

Guest · Dec 14, 2005

I am designing a web page using VS2003 ASP.NET. The page contains various
DIVs (panels), one of which is in grid layout. The controls in this DIV
render correctly in IE, but when using Firefox they are incorrectly
positioned. VS sets the positioning of the controls to absolute, and because
the DIV is to the right of another DIV Firefox (correctly, I suspect)
positions the controls absolutely, which means they are too far to the left,
while IE (and VS design) seems to position them relative to the DIV even
though they are set as absolute. I have tried changing the positioning to
relative manually in the HTML view, but VS just changes it back to absolute
whenever I reposition the controls in design view.
Does this make sense, and can anyone tell me what to do about it? Obviously
I need the page to render correctly in all browsers.

Jim Suruda · Dec 14, 2005

Dave-

Grid layout is not correctly supported by all browsers, so it's probably
best to use FlowLayout if you might have users who don't use IE.

In design view, find the properties for your page, and set the pageLayout
property to FlowLayout, and then strip out any preexisting positioning
from the HTML of your aspx page.

Jim

Guest · Dec 15, 2005

The pagelayout of the page is already set to FlowLayout. There is only one
one panel that is set to GridLayout. I couldn't find a way to change the
layout of this panel in design view, so I changed it to FlowLayout in HTML
view (MS_POSITIONING="FlowLayout"). Howeverit has had no effect at all on the
layout in either IE or Firefox (or VS for that matter).
Am I correct in thinking that the MS_POSITIONING tag is used only by VS and
ignored by browsers?
I have tried to reporduce the problem in a simpler HTML file but I can't.
Could it be something to do with the asp controls and the way they are
rendered by Firefox?
--
Dave

Jim Suruda said:
Dave-

Grid layout is not correctly supported by all browsers, so it's probably
best to use FlowLayout if you might have users who don't use IE.

In design view, find the properties for your page, and set the pageLayout
property to FlowLayout, and then strip out any preexisting positioning
from the HTML of your aspx page.

Jim

Guest · Dec 15, 2005

Further to my previous reply, it is not an ASP problem. I have manged to
reproduce the problem with a simple HTML file, as follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Layout test</title>
</HEAD>
<body>
<div>
<div style="WIDTH: 135px; HEIGHT: 272px; float: left;">
<P>This is text in the left hand column which is flow layout.</P>
</div>
<DIV style="WIDTH: 592px; POSITION: relative; HEIGHT: 256px"
MS_POSITIONING="GridLayout">
<DIV style="DISPLAY: inline; Z-INDEX: 101; LEFT: 16px; WIDTH: 232px;
POSITION: absolute; TOP: 8px; HEIGHT: 38px" ms_positioning="FlowLayout">
This is a text box in the right hand column which is grid layout.
</DIV>
</DIV>
</div>
</body>
</HTML>

If anyone can explain why this renders differently in IE and Firefox (I
hesitate to categorise either as being 'correct') I would like to know. (NB
Opera renders it as intended, ie. the same as IE).
--
Dave

Jim Suruda said:
Dave-

Grid layout is not correctly supported by all browsers, so it's probably
best to use FlowLayout if you might have users who don't use IE.

In design view, find the properties for your page, and set the pageLayout
property to FlowLayout, and then strip out any preexisting positioning
from the HTML of your aspx page.

Jim

Gallery - mosiac/grid layout with filtering and information page popup	1	Apr 13, 2020
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
Hi, I am a webflow user. I am looking for CSS code that can KEEP ALL ELEMENTS POSITIONED in the SAME spot across all resolutions	0	Oct 27, 2023
Unable to place controls in layout grid cells (repeated)	0	Aug 8, 2007
Unable to place controls in layout grid cells	1	Aug 5, 2007
How can I click on an entry of my Kendo/Telerik Grid and show more detailed information in a Detail view?	0	Sep 13, 2022
CSS Grid. Im having trouble containing a title an image and a button	1	Oct 25, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023

controls in grid layout render incorrectly in firefox

Guest

Jim Suruda

Guest

Guest

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads