divs are different in different browsers
in [ASP .NET]
|
Prev: Launch file from button click
Next: CMS system
From: Miro on 21 Jan 2010 11:23 I just ran accross something strange. I tried to used "Div Tags" instead of tables. So it looks something liket his: <div> <div></div><div></div> <div></div><div></div> <div></div><div></div> </div> It looks great in Internet Explorer, but firefox and chrome destroy it. Can anyone let me know on what to look for within the css or layout of the divs to make it work proper. Or in this case...is it just best to go back to tables within 1 div tag. Like this: <div> <div> <table> </table> </div> </div> Here is the example aspx if viewd in IE vs ( firefox or chrome ), it looks proper in IE. I can post the actual css / html markup but I didn't want to complicate this first posting. http://www.companyorange.com/_Play/Canoeing/RequestBooking.aspx ( fyi - the submit button does nothing - as I was just working on the layout so far ). But I was under the impression that div tags will work 100% in all browsers with css. Thanks for any input. Miro
From: germ on 21 Jan 2010 11:49 looks fine in both IE & FF from here. Some minor spacing issues but 99% identical "Miro" <miro(a)beero.com> wrote in message news:ugPhTYrmKHA.5612(a)TK2MSFTNGP05.phx.gbl... >I just ran accross something strange. > > I tried to used "Div Tags" instead of tables. > So it looks something liket his: > > <div> > <div></div><div></div> > <div></div><div></div> > <div></div><div></div> > </div> > > It looks great in Internet Explorer, > but firefox and chrome destroy it. > > Can anyone let me know on what to look for within the css or layout of the > divs to make it work proper. > Or in this case...is it just best to go back to tables within 1 div tag. > Like this: > <div> > <div> <table> </table> </div> > </div> > > Here is the example aspx if viewd in IE vs ( firefox or chrome ), it looks > proper in IE. > I can post the actual css / html markup but I didn't want to complicate > this first posting. > > http://www.companyorange.com/_Play/Canoeing/RequestBooking.aspx > ( fyi - the submit button does nothing - as I was just working on the > layout so far ). > > But I was under the impression that div tags will work 100% in all > browsers with css. > > Thanks for any input. > > Miro
From: Miro on 21 Jan 2010 15:47 Strange... For me it doesnt The div tags are all over the place for me on firefox and chrome. I will have to temporarily make the div tags underneith eachother and come back to it Thanks, Miro "germ" <germ2(a)newsgroup.nospam> wrote in message news:u0sJ8mrmKHA.3972(a)TK2MSFTNGP04.phx.gbl... > looks fine in both IE & FF from here. > Some minor spacing issues but 99% identical > > > "Miro" <miro(a)beero.com> wrote in message > news:ugPhTYrmKHA.5612(a)TK2MSFTNGP05.phx.gbl... >>I just ran accross something strange. >> >> I tried to used "Div Tags" instead of tables. >> So it looks something liket his: >> >> <div> >> <div></div><div></div> >> <div></div><div></div> >> <div></div><div></div> >> </div> >> >> It looks great in Internet Explorer, >> but firefox and chrome destroy it. >> >> Can anyone let me know on what to look for within the css or layout of >> the divs to make it work proper. >> Or in this case...is it just best to go back to tables within 1 div tag. >> Like this: >> <div> >> <div> <table> </table> </div> >> </div> >> >> Here is the example aspx if viewd in IE vs ( firefox or chrome ), it >> looks proper in IE. >> I can post the actual css / html markup but I didn't want to complicate >> this first posting. >> >> http://www.companyorange.com/_Play/Canoeing/RequestBooking.aspx >> ( fyi - the submit button does nothing - as I was just working on the >> layout so far ). >> >> But I was under the impression that div tags will work 100% in all >> browsers with css. >> >> Thanks for any input. >> >> Miro > >
From: Patrice on 22 Jan 2010 10:32 Doesn't work for me in FF3.5. Seeing the nature of the problems (I see things I would qualify as tabular data breaking apart), keep in mind also that tables are not to avoid at all cost. The goal is to avoid them when doing the overally layout. Here it seems to me that using tables for some portion would make sense as you seems to have tabular data and tables are done for that... Just to be on the safe side as I previously saw some who interpreted the "no table for general layout" as "no table at all"... -- Patrice "Miro" <miro(a)beero.com> a �crit dans le message de groupe de discussion : OhJa6rtmKHA.1212(a)TK2MSFTNGP04.phx.gbl... > Strange... > > For me it doesnt > > The div tags are all over the place for me on firefox and chrome. > > I will have to temporarily make the div tags underneith eachother and come > back to it > > Thanks, > > Miro > "germ" <germ2(a)newsgroup.nospam> wrote in message > news:u0sJ8mrmKHA.3972(a)TK2MSFTNGP04.phx.gbl... >> looks fine in both IE & FF from here. >> Some minor spacing issues but 99% identical >> >> >> "Miro" <miro(a)beero.com> wrote in message >> news:ugPhTYrmKHA.5612(a)TK2MSFTNGP05.phx.gbl... >>>I just ran accross something strange. >>> >>> I tried to used "Div Tags" instead of tables. >>> So it looks something liket his: >>> >>> <div> >>> <div></div><div></div> >>> <div></div><div></div> >>> <div></div><div></div> >>> </div> >>> >>> It looks great in Internet Explorer, >>> but firefox and chrome destroy it. >>> >>> Can anyone let me know on what to look for within the css or layout of >>> the divs to make it work proper. >>> Or in this case...is it just best to go back to tables within 1 div tag. >>> Like this: >>> <div> >>> <div> <table> </table> </div> >>> </div> >>> >>> Here is the example aspx if viewd in IE vs ( firefox or chrome ), it >>> looks proper in IE. >>> I can post the actual css / html markup but I didn't want to complicate >>> this first posting. >>> >>> http://www.companyorange.com/_Play/Canoeing/RequestBooking.aspx >>> ( fyi - the submit button does nothing - as I was just working on the >>> layout so far ). >>> >>> But I was under the impression that div tags will work 100% in all >>> browsers with css. >>> >>> Thanks for any input. >>> >>> Miro >> >> >
From: Andrew Morton on 22 Jan 2010 11:40
Miro wrote: > I just ran accross something strange. > > I tried to used "Div Tags" instead of tables. > So it looks something liket his: > > <div> > <div></div><div></div> > <div></div><div></div> > <div></div><div></div> > </div> > > It looks great in Internet Explorer, > but firefox and chrome destroy it. > > Can anyone let me know on what to look for within the css or layout > of the divs to make it work proper. If you validate it at http://validator.w3c.org you'll find you have a </spans> as a typo (extra "s"): <span class="MakeBoldBlue">Date:</spans> Andrew |