6 replies to this topic

[jaydee]

Been tearing my hair out over this, lots of trial and error and can't seem to get it right.

Basically I have:

Open DIV with image background repeat on y axis.
Open table and TD
Within TD open 2nd DIV with image background repeat on y axis
MAIN TEXT
Close DIV within TD
Close table
Close wrapper DIV.

BUT it doesn't work. It might be a error in my code (I'm not a designer, I do the PHP side but need to get this done cos designer is away.)

S1 Magazine - Sheffields magazine for the young generation
As you can see, the whitespace around the table/divs etc should be the black image background (check the source) but it simply won't show (unless I put linebreaks/text at the very start of the opening DIV) then the grey background repeat (which is working) is on top.

It looks like it's either not recognizing the size of the 2nd DIV cos of the background repeat, or it's to do with the table, or it's just me messing it up :p

Any help appreciated!

[Vaielab]

Can you specify wich div are you refering to on this page?
(specify by id, or describe where it is on the page)

If you are refering about the main square, remove the align="left" from the main table

[jaydee]

The black background DIV that SHOULD repeat is wrapbg and starts after the menu table finishes.

The grey background for the article that is on top of the black background (the black background which should be there and be repeated for the length of the grey background) is articlebg and works fine.

---------- Post added at 03:14 PM ---------- Previous post was at 03:12 PM ----------

Removed the align=left and it worked fine :confused:

That's great, and thanks a lot. But why did that make a difference?

[Vaielab]

... bites me, sometimes thing like that are just hard to understand
I saw it with firebug, when you move your mouse over the html tag, it highlight the element, but this time it didn't highlight anything. Normally is it because you have an div with a float property, but since you didn't have any, I just tried to remove it, and it worked.
I guess align=left have some weird connection with float:left

Anyway you should only use css element, mixing css & html can cause some weird bug like this one.

[jaydee]

Ah right, yeah didn't think of using Firebug. I don't know why I left the align thing on anyway. I rarely do design because I know I'm crap but all that is just for getting the framing right, then all the high quality stuff will replace it, just to help me get the PHP laid out.

Thanks a lot anyway, it's always the really tiny things. Good tip with not mixing css & html too :)

[Vaielab]

By the way, when your design will be finish, if you can, I would love to see it. I think it is pretty interesting

[jaydee]

Sure. I'll PM you when it's all up and running. I'm hoping to get most of it up by Monday. When EVERYTHING is up and working it's going to be a pretty busy site with videos, live video, pictures, editor profiles etc. It's for a magazine aimed at students that has took off massively, so the site is going to be a pretty major thing in the company.