3 replies [Last post]
ShAlon7
Offline
newbie
Seattle, WA (eastside)
Last seen: 12 years 51 weeks ago
Seattle, WA (eastside)
Timezone: GMT-8
Joined: 2007-12-03
Posts: 3
Points: 0

The context of this problem is ASP.NET 2.0.

We have a master page that contains the following code:

<div id="divHeight" style="float: left;"> <asp:Image ID="imgHeight" ImageUrl="~/Images/clear.gif" CssClass="contentAlignHeight" runat="server" /> </div> <asp:ContentPlaceHolder ID="FullPageContent" runat="server" />

where clear.gif is a 1px x 1px transparent image and an external stylesheet defines

.contentAlignHeight { height: 550px; width: 1px; }

What goes in the placeholder is a bunch of typeical HTML text content like unto the following:

<p>Blah blah blah</p> <h4>Blahty blahty blar</h4> <p>Blah blah etc.</p>

The browsers we're targeting are Firefox, IE7 and IE6. In Firefox (but not IE7 or IE6), the

gets pushed down below the div containing the image "no matter what I do."

1. How can I convince Firefox to not drop the

(and everything below it) below the initial div/image?
2. Is there a broad principle at work here that I need to understand in order to make my life easier in the future?

My experience is primarily in middle- and back-end "making things happen" as opposed to presentation "how things look" coding. My new employer expects me to know and do it all, which is fine but I am still in the learning curve / ramp-up stages with CSS. My questions are probably "ignorant" in nature and my hope is that someone can dispose of them quickly with a sentence or two and/or a link.

I'm probably not at liberty to send you to our beta site to view the actual page, since we're currently publishing the URL only to selected prospective clients; so I hope the brief description above is sufficient.

Thanks in advance for any help.

George

ShAlon7
Offline
newbie
Seattle, WA (eastside)
Last seen: 12 years 51 weeks ago
Seattle, WA (eastside)
Timezone: GMT-8
Joined: 2007-12-03
Posts: 3
Points: 0

Trying again to get the format right

Context: ASP.NET 2.0. We have a master page that contains the following code:

where clear.gif is a 1px x 1px transparent image and an external stylesheet defines

.contentAlignHeight { height: 550px; width: 1px; }

What goes in the placeholder is a bunch of typeical HTML text content like unto the following:

Blah blah blah

Blahty blahty blar

Blah blah etc.

The browsers we're targeting are Firefox, IE7 and IE6. In Firefox (but not IE7 or IE6), the <h4> gets pushed down below the div containing the image "no matter what I do."

1. How can I convince Firefox to not drop the

(and everything below it) below the initial div/image?
2. Is there a broad principle at work here that I need to understand in order to make my life easier in the future?

My experience is primarily in middle- and back-end "making things happen" as opposed to presentation "how things look" coding. My new employer expects me to know and do it all, which is fine but I am still in the learning curve / ramp-up stages with CSS. My questions are probably "ignorant" in nature and my hope is that someone can dispose of them quickly with a sentence or two and/or a link.

I'm probably not at liberty to send you to our beta site to view the actual page, since we're currently publishing the URL only to selected prospective clients; so I hope the brief description above is sufficient.

Thanks in advance for any help.

George

(The above should be more readable than my original post.)

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 17 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

Yes, it is more readable.

Yes, it is more readable. Smile

For the purposes of this forum, please post the server output, rather than the mid-tier scripting. We need to see what the browser gets.

Since you can't post the actual page code, can you provide, a minimal working test case?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

ShAlon7
Offline
newbie
Seattle, WA (eastside)
Last seen: 12 years 51 weeks ago
Seattle, WA (eastside)
Timezone: GMT-8
Joined: 2007-12-03
Posts: 3
Points: 0

Thanks but got local guidance

We eliminated the problematic image that was being aligned left. Another developer found a better way to accomplish the same thing using CSS that did not create the same issue.

Regards,
George