School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Programming Help

Web Development



What's Here?

  • Members: 300,413
  • Replies: 826,010
  • Topics: 137,453
  • Snippets: 4,419
  • Tutorials: 1,148
  • Total Online: 1,600
  • Members: 107
  • Guests: 1,493

Welcome to Dream.In.Code
Become an Expert!

Join 300,413 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,600 people online right now. Registration is fast and FREE... Join Now!




IE vs Firefox css dilemma

 

IE vs Firefox css dilemma, ScreenShots Provided!
no2pencil

1 Jul, 2009 - 08:21 PM
Post #1

i R L33t Skiddie, k?
Group Icon

Joined: 10 May, 2007
Posts: 13,228



Thanked: 289 times
Dream Kudos: 2875
Expert In: Goofing Off

My Contributions
So as I'm finishing up a project the client tells me that one page is all out of alignment. I saw nothing wrong, but then again, I'm using FireFox on Linux, so I had (once again) forgotten to double check the site with IE. They should be stacked, like in the 2nd image, the 1st image is wrong!

I'm looking for anything obvious here, thanks.

Attached Image

Attached Image

CODE

#column12 /* Inside the Numbers */
{
    /*
    width:289px;
    total width of columns cannot exceed 984px including padding and margins
    */
    width:300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    clear:right;
    margin:20px 21px 0px 180px;
    /*
    display:inline;
    */
}


I use the same css for 3 boxes. Again, in Firefox, they are in 1 column, which is correct. In IE, they are in 1 row, which is wrong.

User is online!Profile CardPM
+Quote Post


hadi_php

RE: IE Vs Firefox Css Dilemma

1 Jul, 2009 - 08:34 PM
Post #2

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
itz happening coz outstanding response and excellent response can be attached themselves with width:300px

ok...after the outstanding response use <br> tag then put the code of excellent response.....and then tell us what happen?


2nd solution :

call a div in css

CODE
div#column { width : 300px;
                     float : left;
                     margin : 25 px;}


then on html

CODE
<div id = "column"> you must have to put both outstanding and excellent in here.... </div>


This post has been edited by hadi_php: 1 Jul, 2009 - 08:39 PM
User is offlineProfile CardPM
+Quote Post

no2pencil

RE: IE Vs Firefox Css Dilemma

1 Jul, 2009 - 09:19 PM
Post #3

i R L33t Skiddie, k?
Group Icon

Joined: 10 May, 2007
Posts: 13,228



Thanked: 289 times
Dream Kudos: 2875
Expert In: Goofing Off

My Contributions
That gave me a really good idea! There's no good reason to keep them each in their own div tag, so I crammed them together.

thanks!
User is online!Profile CardPM
+Quote Post

hadi_php

RE: IE Vs Firefox Css Dilemma

1 Jul, 2009 - 11:43 PM
Post #4

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
please press thanks button. and you are most welcome.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/7/09 11:17PM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month