Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

ff margins

This is a discussion on "ff margins" within the Web Page Design section. This forum, and the thread "ff margins are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Feb 10th, 2007, 21:02
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Angry ff margins

basically i have set up a simple page (only homepage) but i have encountered a problem.
in ff (my favourite browser) the navbar is in the position that i want it (underneath the Page header) but in ie and opera it is about 10px too high and 5ps too short on the right.
does anyone know if this is a problem with ff's reading of margins?
help would be most appreciated.
Thanks,
Dapandyman.

Page

CSS
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Feb 11th, 2007, 13:19
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

IE adds margins so you have to start EVERY design with this in your CSS. Make this the first code your css gets!

* {
margins: 0;
padding: 0;
}

That sort of cleans the slate and allows you to put the margins in that you want!

You can also add that code to the body {}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Feb 11th, 2007, 13:27
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

Hello again friend! Maybe you should try setting the body {} with padding:0; and margin:0; since IE and FF have different defaults !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Feb 11th, 2007, 13:28
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

Quote:
Originally Posted by Lchad View Post
IE adds margins so you have to start EVERY design with this in your CSS. Make this the first code your css gets!

* {
margins: 0;
padding: 0;
}

That sort of cleans the slate and allows you to put the margins in that you want!

You can also add that code to the body {}
This is what happens when you mass open posts in loads of FF Tabs and start working your way through them, people beat you to it :P
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Feb 11th, 2007, 14:20
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

Resetting all the margins and paddings can be nice, but I usually don't do it on everything. I start with h1, h2, h3, p (and sometimes ul, ol, li). Sometimes having browser defaults, even if they aren't exactly the same x-browser, are nice to have.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Feb 11th, 2007, 16:21
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Smile Re: ff margins

thanks a lot i was really struggling to understand that
antwan you helped me again!
and ryan you helped me for the billionth time!
lol
thanks,
Dapandyman
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Feb 11th, 2007, 17:52
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy Re: ff margins

wtf?
it worked momentarily but then totally messed up, do you think i should just take off all my other margins and padding and start them over?

ill leave it in it's current state so you guys can have a look
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Feb 12th, 2007, 13:05
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

PROBLEM SOLVED!!!
there was a problem with the margins in the '.content' part of the CSS.
the page now looks the same in opera, firefox and ie but there is no grey space above the main 'content' after i took out the margin (obviously) what im wondering is - what can i do to put the grey space back at the top of the page without screwing up the margins?
Thanks,
Dapandyman
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Feb 12th, 2007, 13:36
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

thats another problem solved!
to replicate margins of the content div i simply padded up the top of the body in order to push the content down!
excellent - problem solved
me tinks im having a conversation with my self now lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Feb 12th, 2007, 23:42
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

Actually we are listening!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Feb 13th, 2007, 00:03
Reputable Member
Join Date: Nov 2006
Location: London, England
Age: 15
Posts: 175
Thanks: 0
Thanked 0 Times in 0 Posts
Re: ff margins

ahh i see - thank you
i have encountered yet another problem though
i am resizing my page for 770px wide screen and my navbar is yet again out of place - i also have a 'news box' but i havent really looked at its positioning yet and i dont think it will be problematic.
the navbar is roughly 10px too far left even with that code insert at the start.
maybe i have put incorrect margins somewhere?
could someone please check this out?
Thanks,
Dapandyman
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
margins ff different

Thread Tools

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 On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Margins in IE are different than Firefox KiwiTaicho Web Page Design 3 Sep 28th, 2007 15:57
collapsing page margins aflacduck Starting Out 15 Jul 9th, 2007 20:31
Margins need fixing notagz1 Starting Out 9 May 28th, 2007 15:03
What's up with margins and padding in IE? Donny Bahama Web Page Design 41 Apr 19th, 2007 11:04
body margins benbacardi Web Page Design 2 Apr 10th, 2004 15:51


All times are GMT. The time now is 20:05.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8