NEED HELP FAST – client waiting!

@mishimasanApr 29.2009

If anyone can help with this it would be really great.

Please visit: ~~[URL=”http://www.easisell.com/demo3″]~~http://www.easisell.com/demo3[/URL]

In FF and Safari engines the images run nicely. In IE the image you’ll notice, that appears below the initial logo, is about 4 pixels pushed down.

I need to find out how to erase those 4px but I can’t find them!

Any help is very much appreciated –

MishimaSan

to post a comment

CSS

@WebJoelApr 29.2009 — #html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;
[/QUOTE] Can be reduced using the "universal selector method" to just * {margin:0; padding:0;}[/QUOTE] and not have to state "margin:0; padding:0;" again anywhere else on the page.

I'm looking at your code, seeing several ways to approach this. There seems to be several things here working against each other somehow... hmm..

It sort of looks as if the image "getfreedvd.jpg" is not the same height as the blue 'bar' of the repeating image "header-background.jpg".

Myself, I would create separate DIVs for each 'section' and not try to place a universal background image on the page and 'center' other images overtop of it. It can be done, but it is a balancing act.

@mishimasanauthorApr 29.2009 — #Cool man, can't wait to hear what you've got ?

@mishimasanauthorApr 29.2009 — #It fits inside the bar perfect. If you look in firefox you can see so. So that can't be the issue. The issue is that there are an extra 4px of empty space between the logo and photo image and the "getfreedvd.jpg"... and I don't know where it's coming from.

@cbVisionApr 30.2009 — #img {display: block;} for your images to eliminate an extra margin

@mishimasanauthorApr 30.2009 — #Thanks a lot for that - I'll remember it for the next project.

NEED HELP FAST – client waiting!

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

NEED HELP FAST – client waiting!

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴