Develop PHP Website for Learning Web Design Free Online
  Home   |   Forums   |   DevCMS
  Join   |   Log In
 
   

Forum Index >> HTML and CSS Forum

Holder
Stupido Firefox/IE css probs
   New topic    
 
Stupido Firefox/IE css probs
by rmazook - Sat Jul 31, 2010 03:11:25 PM

Here's the link:  http://therealmazook.com/HauntedHouse/tickets.php  Why for the love of god does this happen with stupid IE?????  It's like it's pushing my text up and down depending on which browser you use.  There is no padding for either of these divs in the css.  With firefox, I've got space between the top of the divs and the text.  With internet explorer, I've got space between the bottom of the divs and the text.  Is there no way to center the content so it doesn't matter which browser you use???  It's not like I've got random css goin on...here's the code for the divs:

#dates{
float: left;
background-image:url(images/divBG.png);
width: 400px;
height: 150px;
margin-left: 300px;
margin-top: 40px;
margin-bottom: 40px;
}
#prices{
background-image:url(images/divBG.png);
clear: left;
float: left;
width: 650px;
height: 400px;
margin-left: 175px;
}

Anyone gotta clue?

rmazook
Forum & Site XP Level:

United States of America
California
Sonoma

AquariusAquarius
Posts: 2085
Joined: 10/20/08
Website: URL

RE: Stupido Firefox/IE css probs
by wormracer08 - Sat Jul 31, 2010 04:03:34 PM

I don't see it buddy.  The spacing of the text relative to each div container looks identical to me in IE 8 and FF.  In FF though the "prices" div is flush against the BG and the text starting with "Coupon" is hanging out over the black part of the BG
wormracer08
Forum & Site XP Level:

United States of America
Kentucky
Brandenburg

CancerCancer
Posts: 502
Joined: 10/20/09
Website: URL

RE: Stupido Firefox/IE css probs
by rmazook - Sat Jul 31, 2010 04:27:35 PM

Man I hate IE...if I could just do my stuff and set it to FF and IE never existed then the world would be a much better place...thanks for your info dude.  I now have something else to look into...yay.  Happy
rmazook
Forum & Site XP Level:

United States of America
California
Sonoma

AquariusAquarius
Posts: 2085
Joined: 10/20/08
Website: URL

RE: Stupido Firefox/IE css probs
by rmazook - Sat Jul 31, 2010 06:13:28 PM

Ok made some changes thanks to lewisanderson and worm...does it look any better?
rmazook
Forum & Site XP Level:

United States of America
California
Sonoma

AquariusAquarius
Posts: 2085
Joined: 10/20/08
Website: URL

RE: Stupido Firefox/IE css probs
by lewisanderson - Sat Jul 31, 2010 06:42:57 PM

well zook...as far as the 40 px margin...heres what i came up with and its working

float that dates to the left, add top margin of 40, remove the left/right auto margin and manually center it with a left margin of 100 ( or whatever your left margin needs to be to center it) now thats working off the model that i showed you with everything being nested in side the wrapper.

probably not the best fix, I am going to keep working on this...I canot for the life of me figure out why top margins arent working in nested divs in ie8...just friggin goofy

i think the better way would be to (using that model) add a set height div of 40 width of 1040 right above that dates...but i understand you not wanting to change it all around..

edit...lol..or say screw it and table-ize that mofo !!!

lewisanderson
Forum & Site XP Level:

United States of America
Ohio
Columbus

AriesAries
Posts: 1147
Joined: 01/05/10
Website: URL

RE: Stupido Firefox/IE css probs
by lewisanderson - Sun Aug 01, 2010 07:30:26 AM

sweeeet, fixed it

i emailed you the fix...lol..you r gonna laugh when you see it

lewisanderson
Forum & Site XP Level:

United States of America
Ohio
Columbus

AriesAries
Posts: 1147
Joined: 01/05/10
Website: URL

RE: Stupido Firefox/IE css probs
by rmazook - Sun Aug 01, 2010 11:13:00 AM

Oh man, that's retarded!  HAHA...well now if someone else has this problem at least a fix has been found!  Thanks dude, you're the man.
rmazook
Forum & Site XP Level:

United States of America
California
Sonoma

AquariusAquarius
Posts: 2085
Joined: 10/20/08
Website: URL

RE: Stupido Firefox/IE css probs
by wormracer08 - Sun Aug 01, 2010 01:02:29 PM

What's the fix homies?

wormracer08
Forum & Site XP Level:

United States of America
Kentucky
Brandenburg

CancerCancer
Posts: 502
Joined: 10/20/09
Website: URL

RE: Stupido Firefox/IE css probs
by rmazook - Sun Aug 01, 2010 01:20:52 PM

Well the fix was to add an &nbsp right after my content div.  I tried it and it did infact register my 40 pixel top margin.  But it's still being a bitch.  IE and FF suck, I hate them both right now.  And IE 8 now acts more like FF with regards to how it reads css.  Ok so what if my user is using IE 7?  Then my shit is gonna look all fucked up for them...microsoft can blow me!  My new problem is with FF...my content bg image is like resting under my nav bar making the image shorter, it doesn't extend down to the footer as it should...so my content div on the bottom is running into my footer.  This only happens with firefox, looks perfect in IE7.  So I can fix this in firefox by adding a 55px top margin to my content div, but then in IE7 it shoves my content div bg image down 55 pixels leaving a black gap between the navbar and the bg image.  So yeah still stuck and ready to flip out.  It's been two days of myself and shawn working on this thing...he had the fix, I just can't rework my entire file correctly or something.  I tried his fix which he has tested and it works...for him.  I uploaded it to my server and my entire page is all re-arranged and just jacked up in general.  Not really sure where to go from here.  I must use divs, I will not use tables...simply because I don't know how to use tables and apparently I don't know how to use divs either, lol.
rmazook
Forum & Site XP Level:

United States of America
California
Sonoma

AquariusAquarius
Posts: 2085
Joined: 10/20/08
Website: URL

RE: Stupido Firefox/IE css probs
by wormracer08 - Sun Aug 01, 2010 01:30:48 PM

Aw zook my friend, I feel for you bro.  I'll have some time tonight if you want me to take a look  see.  Just PM me man.

wormracer08
Forum & Site XP Level:

United States of America
Kentucky
Brandenburg

CancerCancer
Posts: 502
Joined: 10/20/09
Website: URL

RE: Stupido Firefox/IE css probs
by lewisanderson - Sun Aug 01, 2010 01:38:42 PM

yeah i did a lot of reasearch on the subject last night and it turns out it's a big bug in ie.

when you have a nested div like we had....and the parent div doesn't have any actual content, it gets all screwy when you wanna set a top margin. There are several hacks for fixing this...such as a float left then manually set a margin to center (fyi float right wont work only left)..you can also make a .clear div and sink it in...there were also a couple others that i found, but just popping a $nbsp; into the code right after you open the parent div fixed that margin right up.

I can't believe I've never seen this before, surely I have used it... stupid ie !

lewisanderson
Forum & Site XP Level:

United States of America
Ohio
Columbus

AriesAries
Posts: 1147
Joined: 01/05/10
Website: URL

RE: Stupido Firefox/IE css probs
by wormracer08 - Sun Aug 01, 2010 07:08:46 PM

That's crazy lewis, glad I know about it now though
wormracer08
Forum & Site XP Level:

United States of America
Kentucky
Brandenburg

CancerCancer
Posts: 502
Joined: 10/20/09
Website: URL

   New topic  
 
 
Arbitrary Links and Archives
Home
Active Forums
Members
SIte News
Link To Us
Gear
2009 Forum Archive
Programming Courses
Learn HTML
Learn CSS
Learn PHP
Learn MySQL
Learn Javascript
Learn jQuery
Learn ActionScript 3.0
Learn Java
Learn XML
DevelopPHP Requires Flash Player
Get Adobe Flash player
___________________________________________

Terms of Use  •  Privacy  •  Admin Notes

©2010 developphp.com   |   Powered By FlashBuildingHolder