ASP, Firefox vs IE, www.srcs.k12.ca.us/events/default.asp
The code below renders the list (http://www.srcs.k12.ca.us/events/default.asp) in IER with two lines, in Firefox with three between the different list items. If I leave the non-breaking space away, then IE renders it with a single line (as if the <br/> wouldn't be there) while Firefox renders it with 2 lines. I couldn't find a way that IE and FF work equally.
I would like to understand why the two browsers react differently, and why the   makes a difference at all.
Answers are greatly appreciated !
ie.png
I would like to understand why the two browsers react differently, and why the   makes a difference at all.
Answers are greatly appreciated !
<%dim sCalendarPage(17)
lang=request.QueryString("lang")
if lang<>"" then
session("lang")=lang
end if
if session("lang")="es" then
sCalendarPage(0)="Calendarios del Distrito"
sCalendarPage(1)="Se require Adobe Acrobat 3.0 o más nuevo. (Haga click <A href=http://www.adobe.com/prodindex/acrobat/readstep.html><b>aquí</b></a> para obtener un lector gratis.)"
sCalendarPage(2)="Escuelas de la Ciudad de Santa Rosa"
sCalendarPage(3)="Calendarios del Año Escolar de 2007/2008"
sCalendarPage(4)="Año Escolar de Estudiantes SRCS"
sCalendarPage(5)="Calendario de la Asociación de Maestros de Santa Rosa (SRTA)"
sCalendarPage(6)="Calendario para Personal Clasificado"
sCalendarPage(7)="Calendarios del Año Escolar de 2008/2009"
sCalendarPage(8)="Año Escolar de Estudiantes SRCS"
sCalendarPage(9)="Calendario de la Asociación de Maestros de Santa Rosa (SRTA)"
sCalendarPage(10)="Calendario para Personal Clasificado"
else
sCalendarPage(0)="District Calendars"
sCalendarPage(1)="Requires Adobe Acrobat Reader 3.0 or newer. (Click <A href=http://www.adobe.com/prodindex/acrobat/readstep.html><b>here</b></A> to obtain a free reader.)"
sCalendarPage(2)="Santa Rosa City Schools"
sCalendarPage(3)="2007/2008 School Year Calendars"
sCalendarPage(4)="SRCS Student School Year"
sCalendarPage(5)="Santa Rosa Teachers Association (SRTA) Calendar"
sCalendarPage(6)="Classified Employees Calendar"
sCalendarPage(7)="2008/2009 School Year Calendars"
sCalendarPage(8)="SRCS Student School Year"
sCalendarPage(9)="Santa Rosa Teachers Association (SRTA) Calendar"
sCalendarPage(10)="Classified Employees Calendar"
sCalendarPage(16)="<b>Note: </b>The calendars above are published by the SRCS District Office. Please contact your local school for additional information on the school calendar for your student."
end if
%>
...
<p class="clsGroupHeading"><%=sCalendarPage(7)%></p>
<p class="clsNormalText">
<UL>
<%= FileStatus("cal09srta.pdf","<li>" & sCalendarPage(8) & "</li>") %><br/>
<%= FileStatus("cal09srta.pdf","<li>" & sCalendarPage(9) & "</li>") %><br/>
<%= FileStatus("cal09class.pdf","<li>" & sCalendarPage(10) & "</li>") %><br/>
</ul></p>
ie.png
do you want a sample of css for either case?
ASKER
Thanks - yes, I would appreciate the css sample for it. I couldn't find a possibility to add something determining line hight in it.
But I never considered using css to control that behavior.
But I never considered using css to control that behavior.
with <p> tags inside the <li> tags
this i think will give uniform results across browsers
and you can add additional controls in css, for the <p> and/or <li> and/or <ul> tags
<p class="clsGroupHeading"><%
<p class="clsNormalText">
<ul>
<%= FileStatus("cal09srta.pdf"
<%= FileStatus("cal09srta.pdf"
<%= FileStatus("cal09class.pdf
</ul>
</p>
this i think will give uniform results across browsers
and you can add additional controls in css, for the <p> and/or <li> and/or <ul> tags
<p class="clsGroupHeading"><%
<p class="clsNormalText">
<ul>
<%= FileStatus("cal09srta.pdf"
<%= FileStatus("cal09srta.pdf"
<%= FileStatus("cal09class.pdf
</ul>
</p>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Forced accept.
Computer101
EE Admin
Computer101
EE Admin
I think you might get a better answer to this in the css area.
I don't have an exact answer for you as to the why, but for fixing it, I have 2 suggestions.
1. enclose each <li></li> in para tags, drop the <br> and nbsps, and then control the line height with css if the p makes spaces too big.
2. as above but without the para tags, and apply some css to the <li> to determine spacing between each