CSS float

Hi,

I'm floating some images to the left, but a pixel or two line appears. I don't have the CSS to hand atm but I can post later if required.

I've set all borders and padding and margins to 0.

I am wondering if its just IE thats the problem...

Any one come across this before?

Vince

Quote:

---

Originally posted by Ecniv
Hi,

but a pixel or two line appears.

---

Post snapshot.
Post CSS if possible as well.

I'll post up a piccy and the css file when I get back later

Ok.. zip file attached .. with pic and css file...

:)

You have your border set to 1px. Set it to 0px.

If you mean the border on the imgs - this was so I could see where they are. If you set that to 0 too, it is still 1 px away from the edge. I was wondering if it was to do with the float and that for some reason its not liking it.

Attached is the htm file (change the file type from txt to htm).

You shouldn't need the imgs, cause it should show you the box where they should be... :) if you want to try :)

Cheers for looking


Vince

Hmm... I do see the problem.

I've noticed that you've done everything through <DIV>s.

I tried out the padding, setting it to

VB Code:

margin:0;
    padding:0 0 0 0;
    border:0;

But no go.

I would tell you to use Tables instead so you have more control over this, but I doubt you'd do that at such a stage in your work... :(

Same problem tho in the tds?
Or you mean to use a table as the main layout bit which would then be really confusing? Possibly...?

Code:

---

<tr><td><img></td><td rowspan=3> other title stuff</td></tr>
<tr><td><img></td></tr>
<tr><td><img></td></tr>
<tr><td colspan=2>Main disp bit</td></tr>

---

If I have to go back to tables, apart from wading through loads of code to try n find stuff, I didn't like the height control in the td (there isn't one in ie, it just stretchs no matter if you specify a height). Divs produce a cleaner (to me) html code, but I suppose if they don't work and tables don't work I'll have to go back to the drawing board.

Irritating that pixel line :)

(sigh)

Vince

Vince

Doesn't display the space in firefox.. I haven't looked through your code in detail but it's probably the IE float bug:
http://positioniseverything.net/expl...reepxtest.html

good luck!

Cheers...

Good to know :)

So it looks like I should just use css to style the content and retreat back to tables to the layout and try not to get too confused where bits n bobs should be :) (sigh) lovely ms / firefox :)


Vince

Quote:

---

So it looks like I should just use css to style the content and retreat back to tables to the layout (...)

---

Oh please! no tables should not be used for layout purposes, CSS is made for that too. Use tables for tabular data (data sheets etc), and use CSS for the layout. It isn't that hard at all once you get a grip of it. There's only a handful (ahum) bugs to take care of in IE, the rest of the recent browsers have nearly no CSS bugs to take care of.

So always make sure you initially write your code for firefox (valid (x)html), and then fix the little bugs for IE.

Oh and be sure to validate your (x)html and css!

errm .. ok ... Could you take a butchers (look) at my other post... please?

I am fundamentally flawed when it comes to html pages laid out nice on nutscrape/firefox

http://www.vbforums.com/...=298870


Vince