grr... trying to centre this but can't work it out.

hi there,

i'm using affilistore, which uses smarty templates to get stuff from the database.

if you look at http://is.gd/bLecP you will see on the right hand side, there be a Featured Product image already centered.

underneath is the popular products section - its this bit im having hell to centre!!

any ideas?

thanks in advance.

Positioning of a box with a relative width in a layout

Hi there...

Is it possible to position a child element relatively to a floated parent element?

Link to page: [a]http://menschenbilder.bplaced.net/start/index_bio.html[/a]

I want to have the girl always positioned in the bottom left corner and the logo in the top left one. That is even already working neatly.

Then however the content box is supposed to be placed to the right and should be sized so that the height is a 100% of the whole viewport and the width goes from the right border up to the picture of the girl.

Someone got an idea how this could work?

3 backgrounds to produce one content box

The easiest way to show you the html and css is to visit http://www.appening.com.au/app2/
Once loaded, you'll notice quite a large gap in the content area, I would like this gap:
gap
To be filled with a tiling:
tile

How do I achieve this successfully?

Position problem

Hello! I have a problem with position of Flash gallery in my page. When i open it in 1366x768 it looks fine, becuase i configured that way. But when i change resolution to anything else (just width resolution) isnt in position anymore.

Link: Site

CSS:

P.sredina {
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    width: 950px;
}
 
#gallery {
    margin-left: 500px;
    margin-right: auto;
    margin-top: -500px;
    #position:absolute;
    #width: 10px;
}

html:

Safari float right + sibling right margin

Hi everyone,

I have a problem in the Safari browser only -- well maybe Chrome too Wink

As you can see in the code below, using FF, IE7 + 8, the margin-right prevents the body text from flowing around the floated element. This works a treat apart from webkit. Webkit thinks that the margin-right should push the body copy across 200px to the left of the floated element.

The trouble is that I will never know what the width of bodytext div will be since it is a cms situation.

Any ideas would be much much appreciated.

css:
#parent {position:relative;overflow:hidden;}

Syndicate content