Help - Search - Members - Calendar
Full Version: works in IE nothing else
HTMLHelp Forums > Web Authoring > General Web Design
DRW
first off I'm not very good with html. I've been making my website with dreamweaver the url is www.danielwillemin.com.
if you go to the environments page in IE everything looks as it should, but if you go to the same page in Fire fox it is slid down.
i think is has to do with the margins or padding, somthing like that.
but i have the margins all set to 0 and ive been messing around with the padding and it doesnt seem to have any effect either. blink.gif
any help would be appreciated
Darin McGrew
QUOTE(DRW @ Aug 30 2007, 01:26 PM) *
I've been making my website with dreamweaver the url is www.danielwillemin.com.
if you go to the environments page
That is, to http://www.danielwillemin.com/Pages/Enviro...vironments.html

Oh, except that you're using frames. Ick...

QUOTE(DRW @ Aug 30 2007, 01:26 PM) *
in IE everything looks as it should, but if you go to the same page in Fire fox it is slid down.
What specifically is "slid down"? (I don't have access to MSIE at the moment, and it looks okay to me in FF2.)

pandy
I see it. It isn't much, but it's there. First, when you take away the default margin on BODY, you should do the same with padding. Some browsers use padding and some use margin. So instead of what you have you can use:
CODE
body   { margin: 0; padding: 0 }


But that isn't the reason for the gap. It's the top margin on the first P ("ENVIRONMENTS"). FF adds a top margin to P, IE doesn't. So, use 'margin-top: 0' for that P.
DRW
unsure.gif when you say P you mean the <P>? if so i tried putting top-margin="0" into it... and it didn't change anything.
also i tried adding in Body{} of the environments page 'padding= 0;' and again nothing... i can send you some of the code if you'd like to look at it becuase im pretty clueless.
DRW
I just noticed while comparing the page in FF versus what it looks like in dreamweaver and above and bellow the word Environments there are spaces not just above... any ideas?
-Dan
Darin McGrew
QUOTE(DRW @ Aug 30 2007, 03:39 PM) *
unsure.gif when you say P you mean the <P>? if so i tried putting top-margin="0" into it... and it didn't change anything.
You would need to add
CODE
p.Main { margin-top: 0 }
to the style sheet.
DRW
I managed to find a solution! I replaced the <p align="center">ENVIRONMENTS</p> in the top table with <div align="center">ENVIRONMENTS</div> works on everything now!
Darin McGrew
That's because P elements usually have margins/padding by default, and DIV elements don't.
pandy
QUOTE(DRW @ Aug 31 2007, 01:37 AM) *

I managed to find a solution! I replaced the <p align="center">ENVIRONMENTS</p> in the top table with <div align="center">ENVIRONMENTS</div> works on everything now!

So it would have if you had removed the top margin from the P as I said. You can build a visually good-looking page with nothing else than DIVs and SPANs and CSS. But you shouldn't. That line should probably be some kind of heading, but a P is still better than a DIV.
DRW
I added p.main{margin-top: 0;} and it cleaned up some other areas of the site... so I probably should have just done that first tongue.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.