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.
|
|
|
|
|
![]() |
||
ff margins
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
#1
|
|||
|
|||
|
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 |
|
#2
|
|||
|
|||
|
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 {} |
|
#3
|
|||
|
|||
|
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 !
|
|
#4
|
|||
|
|||
|
Re: ff margins
Quote:
|
|
#5
|
||||
|
||||
|
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.
|
|
#6
|
|||
|
|||
|
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 |
|
#7
|
|||
|
|||
|
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 |
|
#8
|
|||
|
|||
|
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 |
|
#9
|
|||
|
|||
|
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 |
|
#10
|
|||
|
|||
|
Re: ff margins
Actually we are listening!
|
|
#11
|
|||
|
|||
|
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 |
![]() |
| Tags |
| margins ff different |
| Thread Tools | |
|
|
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 |