/    Sign up×
Community /Pin to ProfileBookmark

can’t get rid of space to left of content

Copy linkTweet thisAlerts:
Sep 22.2006

Resolved

Having real trouble getting my left margin to be only 20 pixels on Internet Explorer. Its fine on Firefox.

Here is the link to my site

[url]http://www.mediakitchen.co.uk/index.php[/url]

And here is a link to my test site which has the same page but I have coloured in the backgrounds to try and help me solve the problem.

[url]http://www.learningland.co.uk[/url]

I have set all the padding to zero but for some reason the left hand border seems to be about 40 pixels

Thanks in advance

Paul

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@chuckylefrekauthorSep 22.2006 — I have now resolved the problem by setting display:inline for the offending divs.

Thanks

Paul
Copy linkTweet thisAlerts:
@saeSep 22.2006 — it looks fine to me in IE, am I missing something?
Copy linkTweet thisAlerts:
@chuckylefrekauthorSep 22.2006 — sae - sorry, I just updated the page after finding a solution

Thank you for your time

Paul
Copy linkTweet thisAlerts:
@saeSep 22.2006 — In that case, please post your solution so that others in the future can benefit from it.
Copy linkTweet thisAlerts:
@chuckylefrekauthorSep 23.2006 — Sorry - here ya go!

I basically added display:inline to the 2 offending divs that apparently suffer from some double margin in IE. It could be a bug in IE that doubles margins on floats next to a container

So here is the updated styles

<i>
</i>

.top_service {

<i> </i>margin-top: 20px;
<i> </i>margin-left: 20px;
<i> </i>margin-bottom:20px;
<i> </i>float:left;
<i> </i>width: 220px;
<i> </i>padding:0;
<i> </i>display:inline;

}


#bottom_news {

<i> </i>float: left;
<i> </i>margin-left: 20px;
<i> </i>width: 200px;
<i> </i>color: #6d6d6d;
<i> </i>display:inline;
}




Cheers

Paul
×

Success!

Help @chuckylefrek spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...