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
Large gap in IE7 with P or DIV tag
Old 06-27-2009, 07:41 AM Large gap in IE7 with P or DIV tag
StylaStyla's Avatar
Mad Man

Posts: 401
Name: Styla
Location: City of London
Trades: 0
Hi

http://tinyurl.com/o8mh4b
The top right quote box displays my introduction; 'what's a..' fine in FIREFOX but in IE7 there is a 20px gap.

I've tried removing the margin and padding for the P tag and also tried span but no luck.

I tried margin:MINUS 5px but this messes up Firefox and does nothing in IE.

HTML

HTML Code:
<div id="qt">
            <img src="/ly/ly_quote_whatsaj.gif" alt="What's a ?" />
            <p> (all caps, k thnx), currently a freelancing graphic designer and web developer based in London,
            UK. You will find on this website an up to date portfolio showcasing web design, graphics, sound-engineering, 
            photo-retouching and manipulation. <a href="/contact.php" title="Contact Me">Contact me for more info.</a></p>
             
        </div>
CSS
Code:
#qt {
    margin:0px;
    padding:0px;
    float:left;
    display:inline;
    width: 289px;
    height: 271px;
    background-image:url(/ly/ly_quote_bx.gif);
    background-repeat:no-repeat;
}
any ideas?
__________________
Freelance Graphic Designer not for hire

Last edited by StylaStyla; 06-30-2009 at 08:54 PM..
StylaStyla is offline
Reply With Quote
View Public Profile Visit StylaStyla's homepage!
 
 
Register now for full access!
Old 06-27-2009, 10:57 AM Re: Large gap in IE7 with P or DIV tag
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Is it the QT BOX that's pushed down, or the <p> inside it ?

I have to fire up my laptop to look at it with IE7. Why do you have the #qt set to display: inline ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-27-2009, 03:55 PM Re: Large gap in IE7 with P or DIV tag
StylaStyla's Avatar
Mad Man

Posts: 401
Name: Styla
Location: City of London
Trades: 0
Hi LadynRed,

Yeah, basically it is the P tag that seems to be pushed down.

attached is the screen for IE7.

I removed margins and padding but it just borders left and right but makes no different in terms of top-space.

As for why I inlined #QT, I thought this would set it INLINE with the first row of divs. The top row has 3 divs, LOGO | AD SPACE | QUOTE BOX.

*2mins later*

Okay so it seems that it doesn't do anything and that by floating left, it does remain inline with the top row so I guess that's one less code to put in - Thanks!
Attached Images
File Type: jpg screen_gap.jpg (65.2 KB, 1 views)
__________________
Freelance Graphic Designer not for hire
StylaStyla is offline
Reply With Quote
View Public Profile Visit StylaStyla's homepage!
 
Old 06-28-2009, 04:07 PM Re: Large gap in IE7 with P or DIV tag
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
I thought this would set it INLINE with the first row of divs.
Display:inline doesn't 'line up' elements, it changes a block-level element to an inline element.

http://www.autisticcuckoo.net/archiv...ck-vs-inline-1

Set the margins on that <p> to ZERO (right now you have it set to "auto"), then add PADDING to the <p> instead.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-29-2009, 11:25 AM Re: Large gap in IE7 with P or DIV tag
StylaStyla's Avatar
Mad Man

Posts: 401
Name: Styla
Location: City of London
Trades: 0
nice, that worked.

thanks for the read.
__________________
Freelance Graphic Designer not for hire
StylaStyla is offline
Reply With Quote
View Public Profile Visit StylaStyla's homepage!
 
Reply     « Reply to Large gap in IE7 with P or DIV tag
 

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.15984 seconds with 13 queries