div tags while creating template

Hi,
I am new to livesite. I am creating components in which I have added div tags, as per the html (hope that's the correct way of doing it). Component preview is fine but when I have to create a template there are some common div tags, which will include say 3 components within it. I am not sure where to use those div tags.

Any pointers would be very helpful.

Thanks.

Find more posts tagged with

Comments

Stokes

The default page layout uses divs. You shouldn't need to do anything with them.

Stokes.

merry

Hey Stokes,

Thanx for ur reply.
I am not sure, which default page you are talking about. My que is, I have html in the following structure.

[html]

[/html]
So, where will I add div id="main" in the components, either all three components or none of them?
I have created components with div tags, and added these components in my template. But when I preview my template/.page/html in different browsers (IE, Chrome, FireFox) there are some alignment issues. Am I making any mistake here? Has anybody resolved similar issue? Pointers would really be helpful.

Thanks,
Shweta

Stokes

Shweta,

I see now. As far as I know, there's not a way to create the outer <div id="main"/> around your three components without creating a custom layout. I've wanted to be able to do that with the default layout but haven't found a way.

Stokes.

merry

Hey Stokes,
Thanks for ur reply.
I have following queries:

1. When u r saying default layout, do u mean the way in which we create template by default?
2. How to create custom layout?
3. Have u faced any issue while using template/page preview on different browser?

Regards

Stokes

1. When u r saying default layout, do u mean the way in which we create template by default?
2. How to create custom layout?
3. Have u faced any issue while using template/page preview on different browser?

Shweta,

1. No, I mean the built-in strategy used to layout what you've designed in your template.
2. I think it's in the Page Settings for a page, where you can edit the Layout Options. Somehow there's a corresponding XSL that does page layout, and it's possible to write your own layouts and install them, although I've never done it.
3. I occasionally see cross-browser problems. When the entire layout doesn't look right, it's usually when my component has a fixed width (via CSS or inline styles) that's bigger than what I allowed for in Page Edit. E.g. I made it 200x300px in the page editor, but my CSS sets width:230px; or something.
If things within my component look differently on different browsers, then its usually something in my code, unrelated to SP.

Hope that helps,
Stokes.