Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
gaps all over site in FF - IE fine
Old 09-18-2008, 03:26 AM gaps all over site in FF - IE fine
CircleOfLinks's Avatar
Extreme Talker

Posts: 243
Name: Danny
Location: Sydney
Trades: 1
Hey guys,
Can you's tell me what i've done wrong?
There are heaps of gaps on a site im designing for a customer. you see the site here www.swiftproductions.com.au/gm/home.php - if you view it in I,E its fine but in FF the gaps are all there.
however
in I.E the footer line is not flat (the light purple on the bottom), it actully is higher in I.E but should be the same way across as it is in FF.
I need this sorted out ASAP so i'd appreciate all the help.
__________________
Danny

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
CircleOfLinks is offline
Reply With Quote
View Public Profile Visit CircleOfLinks's homepage!
 
 
Register now for full access!
Old 09-18-2008, 04:38 PM Re: gaps all over site in FF - IE fine
rogem002's Avatar
PHP Chap

Posts: 843
Name: Mike
Location: United Kingdom
Trades: 0
Wrong section, this is a CSS based issue.
__________________
My Blog/Site:
Please login or register to view this content. Registration is FREE
rogem002 is offline
Reply With Quote
View Public Profile Visit rogem002's homepage!
 
Old 09-18-2008, 07:19 PM Re: gaps all over site in FF - IE fine
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Moved to css forum.

I just looked at your css and it seems to be this line at issue:

HTML Code:
.footer{ background:#cc99ff; padding-top:27px; text-align:center; height:74px; color:#63248c}
The differences you see are due to differences in the way the browsers are treating the box model. To get the effect you want in Firefox you need to either increase the padding-top on the footer or increase the height. (probably by 27px)

Naturally that's going to throw things off in IE. The easiest and quickest fix is to set up conditional comments for IE and then present IE specific css. in this case you'd just need to have the css for either the padding-top of the height to set it back to the value you're using now.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 09-18-2008, 07:57 PM Re: gaps all over site in FF - IE fine
CircleOfLinks's Avatar
Extreme Talker

Posts: 243
Name: Danny
Location: Sydney
Trades: 1
hey not sure if this means anything but the problem im having is only happening when i convert the HTML to PHP- appart from that works fine in IE and FF
__________________
Danny

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
CircleOfLinks is offline
Reply With Quote
View Public Profile Visit CircleOfLinks's homepage!
 
Old 09-19-2008, 05:41 PM Re: gaps all over site in FF - IE fine
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
That shouldn't make a difference unless the html your php is producing is different from the html you'd get without using php.

Did you try what U suggested above?
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 09-19-2008, 11:27 PM Re: gaps all over site in FF - IE fine
CircleOfLinks's Avatar
Extreme Talker

Posts: 243
Name: Danny
Location: Sydney
Trades: 1
yeah i did... still didn't work. however i sort off found a quick solution though to the php thing.

i just added <?PHP
?>

and it works. the problem thats happening is whne i have the header and footer as header.php / footer.php this is happening. When i give the PHP command at the top of the HTML its fine but i can't have the page refer to the external header/footer.php page.

I wish my programmer was here.............
__________________
Danny

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
CircleOfLinks is offline
Reply With Quote
View Public Profile Visit CircleOfLinks's homepage!
 
Old 09-22-2008, 07:12 PM Re: gaps all over site in FF - IE fine
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
<?php turns php on and ?> turns it off. If you have any php code on the page it needs to be between those tags. You can add php anywhere in the page as long as you wrap it in the tags.

If you want to include a header it would probably look something like:

<?php include "path-to-header.php"; ?>

That could appear anywhere within your html. If you want to post the code here I'm sure we can get the includes working.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to gaps all over site in FF - IE fine
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.45878 seconds with 12 queries