HighDots Forums  

header showing extra space

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss header showing extra space in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
joshuataylordesign
 
Posts: n/a

Default header showing extra space - 11-27-2007 , 01:19 PM






I have a header that is supposed to be 125px high. (I have a logo in the header
that is that high). However, when I view the header in a browser, it extends a
few pixels above and a few pixels below the logo. How do I fix this?
The header, and the whole page is inside a table. The header is inside a class
called .header
I tried specifying the height of the header, but that did not work, it still
goes to the size that it wants. I know I am just missing something. Can anyone
explain?

you can view the page at www.joshuataylordesign.com/ishiwoman/contact.html
http://www.joshuataylordesign.com/ishiwoman/contact.html


Reply With Quote
  #2  
Old   
Tarvardian
 
Posts: n/a

Default Re: header showing extra space - 11-27-2007 , 05:33 PM






I don't see the problem in IE6. However, it is there is FF.

You might try adding the height you want to the class ".header" and see if
that works.


"joshuataylordesign" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
I have a header that is supposed to be 125px high. (I have a logo in the
header
that is that high). However, when I view the header in a browser, it
extends a
few pixels above and a few pixels below the logo. How do I fix this?
The header, and the whole page is inside a table. The header is inside a
class
called .header
I tried specifying the height of the header, but that did not work, it
still
goes to the size that it wants. I know I am just missing something. Can
anyone
explain?

you can view the page at www.joshuataylordesign.com/ishiwoman/contact.html
http://www.joshuataylordesign.com/ishiwoman/contact.html




Reply With Quote
  #3  
Old   
bregent
 
Posts: n/a

Default Re: header showing extra space - 11-27-2007 , 07:02 PM



Also note that in FF, the flash movie keeps looping.

Reply With Quote
  #4  
Old   
TC2112
 
Posts: n/a

Default Re: header showing extra space - 11-27-2007 , 07:32 PM



Hello,

What you're seeing is Firefox's default margin for the <p> tag.
Your header image and navigation is inside a paragraph <p>, and FF has a
different default margin for the <p> tag than IE does.

You can add this to your CSS:
.header p {margin:0px;}

or, of course, get rid of the <p> tag. :-)

You may consider defining a margin for the other <p> tags if you want the
spacing between lines to be more consistant cross browser. You can just add
something like this (adjust as desired):
p {margin: 2px;}

Take care,
Tim


Reply With Quote
  #5  
Old   
joshuataylordesign
 
Posts: n/a

Default Re: header showing extra space - 11-28-2007 , 12:27 PM



Great. I got rid of the paragraph tag and I think it has been fixed. However, I
am a little worried about the comment that the flash loops in FF. I am
previewing it in FF and do not see it loop back. Is that possibly an older
version? If so, do you know how i fix that?


Reply With Quote
Reply




Thread Tools
Display Modes

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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.