/    Sign up×
Community /Pin to ProfileBookmark

CSS and IE… why is my photo over there?

Copy linkTweet thisAlerts:
Jan 30.2008

OK, so CSS is not my strong suit, though i am learning, slowly bur surley!

Speaking of which my CSS debugging clearly sucks! Could some kind soul with Firebug have a look at the <a href=”http://www.afterthemouse.com/user/18” />profile pages on my site</a> in IE and Opera and tell me why the photo placement sucks so much?

The vast majority of the CSS is from Andy Budd&#8217;s CSS Mastery book, so I am a little lost as to why it&#8217;s misbehaving.

to make things a little easier to spot <a href=”http://farm3.static.flickr.com/2079/2213448207_d363f187e1_o.jpg” />here’s a screen shot…</a>

i think the grief might well be comming from these div’s

[code]
.img-placer {
position: relative;
left: 10px;
top: 5px;
}

.img-prev-placer {
position: relative;
left: 4px;
top: 4px;
}[/code]

thanks for looking!

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@DJRobThaManJan 30.2008 — I'm not sure exactly what your problem is. I looked at the source and noticed you were linking to at least 10 different stylesheets.

Just from looking at your css that you've posted it might have something to do with the position: relative; declaration.

But looking at the source code it's a veritable tag soup. That's probably your biggest problem, that all those tags are making it difficult to manage.

Anyway, I would say try and position the picture without the "position" attribute. And if it's possible (it looks like this is just a members page so I don't know if you can) edit the actual HTML of the page so that it's not so bloated.
Copy linkTweet thisAlerts:
@Mouse77eauthorJan 30.2008 — tis the joy of Drupal that it makes tag soup....

thanks for the assist!
×

Success!

Help @Mouse77e 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...