I'm really starting to hate the box model!

Just when I think I’m getting the hang of it, and all the pieces are fitting together, this happens:

http://www.smite-a-mite.com/test

This is the home page for a new site. Click on the ‘screenshot’ link and you’ll see what it looks like in FW. It did look like this in preview and browser view until I made a slight tweak (can’t remember what it was) but I’ve spent the past couple of hours trying to figure out what the hell I’ve done to cause it show as it does. Can someone please tell me what I’ve done to cause this to happen.

Thanks

Neil


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m guessing it’s something to do with floats and clears, but I’m unable to fix the problem no matter what combination I use.

As you can probably see, each horizontal product is made up of 4 html items - a coloured box, a graphic logo, a text box and an image. The logo, text box and image are all pasted into 1 html container which is then pasted into a full width container alongside the coloured box, which is itself floated left. The container holding the 3 items isn’t floated at all, but I’ve tried changing it to no avail.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Neil

I’m by no means one of the more knowledgeable around here, but in my own experience with box models, things tend to go askew if you don’t float your html items. Looking at the code for your page, it doesn’t look like you have those four main html items set to float left. You might give that a whirl and see if it helps.

Also, check item6. It appears to have a set height. If your four items it contains are higher than that, it may be causing problems. Try setting its height to undefined.

Hope that helps.

Derek


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oops, looks like we posted at the same time.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Derek

Nope, I’m messing with all sorts of floats and clears and just getting different combinations of coloured or black bars. The image showing on the home page isn’t there now, but that’s just because it was pasted straight into the main html container instead of into a smaller html container like the others. I’m still learning HTML but what’s so confusing is the text and images - where have they gone?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The code is showing a bunch of tables, rows and columns everywhere, which seems odd to me. Are we talking about css layer items here? I think they may be necessary.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

As far as I’m aware, there aren’t any tables - they’re all css items created in a css layout.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

AAARGH!!

I’ve just rebuilt it from scratch, but slightly differently. I’ve done away with the coloured boxes to the left and also the full width ones separating the different products. Every step of the way, I previewed it to check it was going to plan. I completed the single html box containing the 4 products and previewed it - perfect! I then dragged it up the page to overlap the grey graphic background at the top and previewed again - it had changed to 4 horizontal coloured bars. I dragged it down again - it then showed the correct products again. Back up again but not quite overlapping - back to coloured bars! Back down again - still coloured bars! Copy it and paste it into a new document, preview, and it’s still just coloured bars!!

I haven’t changed the elements at all. All I’ve done is move it up the page and back down again and all the contents appear to have disappeared in preview!

Is it my software? For as long as I’ve used FW, I’ve had to quit out of it and Safari when things didn’t view properly either in preview or in Safari. I’ve had to empty Safari’s cache (to be expected) but also the site folder when the all the pages in FW kept showing as updated when they hadn’t been and even after publishing them. Either way, I’ve done all these things this time around, and it doesn’t seem to have made any difference, so I guess I’m doing something fundamentally wrong - any ideas?

Neil


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Control–Command–P will force FW to republish everything. That might help you with the publishing issues.

That dragging and disappearing thing really sounds like a layers issue to me.

If you’re up to it, I’d be happy to have a look at your FW doc.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Even now, as I upload the modified site, I’ve clicked upload and a dot has appeared next to every page in FW!. I haven’t touched any of the other pages, links, or master pages; I’ve only worked on the home page and screenshot page so why does FW think they’ve all been modified?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Derek, I would be very happy for someone else to look at the doc. I’ll chop out all the surplus stuff - how would you like me to get it to you?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options