/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Layout Troubles

Copy linkTweet thisAlerts:
Aug 06.2008

So, I thought I was pretty good at this HTML/CSS stuff, but apparently I still suck at it, lol.

Anyway, I’ve attached a zip – it’s just one page of a site and I’m having troubles with the shield graphic on the right hand side. In FF, it looks perfect, the shield is floated to the right, and the main content of the site floats around it perfectly. In IE it didn’t work out so great (of course)… the problems in IE are obvious.

I’ve tried so many different workarounds, but can’t seem to get anything to work. It’s probably pretty simple, but would anyone take a look and see if you have any solutions to this?

Thanks so much guys!

[upl-file uuid=691536b6-a376-44d1-9f3b-3b6560d412e6 size=77kB]PintMeisters.zip[/upl-file]

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriAug 06.2008 — The position of the navigation bar is dependant not only on the height of the logo graphic, but also the gap below for text descenders that is always present on inline elements, and the size of this can vary between browsers (and font size). Convert the graphic to block display and set the bottom padding to suit :[CODE]<img src="images/pint-meisers-logo.jpg" alt="Pint Meisers logo" style="display:block; padding-bottom: 5px;">[/CODE]
Copy linkTweet thisAlerts:
@dtm32236authorAug 06.2008 — Wow - thanks so much, Centauri... that worked perfectly. You're awesome.

I should've known to try display:block on the image.
×

Success!

Help @dtm32236 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.15,
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,
)...