HTML - Specific Question About Navigating Through An Xhtml/css Layout...

Need a little help with my nav div. Within my nav div I have three other divs, nav_top, nav_search, and nav_bar. I'm having two problems.

1) In PC IE (IE 6 is what I'm running) for some reason there is a slight gap, maybe 5px, for some reason. This in turns makes a little gap under the logo. I can't figure out why this is happening. If you look at it in IE and press Ctrl + A to select all you'll be able to see the gap I'm talking about. Check it out in Firefox to see what it should look like.

2) In Safari my search input field is aligned to the bottom of the div for some reason even though I have it assigned a bottom margin of 18px; Looks fine in all other browsers. No matter what I try, I can't get it to move back up where it's supposed to be.

Any suggestions would be awesome. View the Page

I'm sure people will think this has been answered a million times before, but unless I'm completely blind, I've not seen a single piece of XHTML that does this. This is a screen layout that I have to create under XHTML strict specification:


Code:

<window, not scrolling>
	<site header: must always show at the top of window, fixed pixel height, not scrolling />
	<container: not scrolling, fills the window height>
		<left sidebar: must always show on the left, fixed pixel width, full height, not scrolling />
		<container P: not scrolling, variable size, fills available width and height >
			<page header: must always show at at the top of container P, fixed height, not scrolling />
			<page content: the only scrolling area, variable size, fills available width and height in container P  />
			<page footer: must always show at at the bottom of containerP,  fixed height, not scrolling />
		</container P>
		<right sidebar: must always show on the right, fixed pixel width, full height, not scrolling />
	</container>
	<site footer: must always show at at the bottom of window, fixed pixel height, not scrolling />
</window>

any ideas? I don't want to use script, just css. Width seems no problem but height is a heck of a problem. The only way I've managed it so far is using a table layout which works for Safari but not in IE8 or Mozilla.

Hello!

I'm kinda stuck trying to get this idea on HTML for my web site:

www.luzvenidera.com/webnueva/indexinframe.htm

This is the thing: I want the content to appear in the main rectangle, and have it resize automatically to the content. I have been able to do this with an inframe and using a specific script. Next to the content there are cells with an image that should go on the top of each cell and a background tiled image that continues the pattern. At least on my computer, the current code works in IE7, but in FF3 the image inside the side cells ends up showing in the middle instead of the top.

I have also read that using inframe isn't really a good idea for the main content section of the page, for a variety of reasons including that it's not search engine friendly, so I'm trying to figure out an alternative..

I'm stuck here. If I make an entire frame beneath the navigation bar and just add the content there then the scroll bar would only show up for that frame, that is, beneath the navigation bar. I want the whole page to have the scroll bar, I don't want the header and navigation bar to stay in place while the rest of the content is scrolled as the background in the sides would break.

My questions would be: what should I do to make it so I have the content in a frame, having it expand so the content would fit, without screwing up the side bars and making the whole page scrollable to read the content?

I really don't want to make an instance of the whole page tailored to each section's content.

I'm also getting ActiveX warnings in IE that prevent the inframe to show up unless it's manually permitted.. if I'm forced to use inframe, is there any way to prevent this?

I hope I'm being clear, and would really appreciate any advice! I'm new to most of this stuff, and I got a big headache trying to figure this one out!

Thanks in advance!

Hello Everyone
I am just laying hands on conversion of a PSD file to XHTML/CSS.Can I achieve this without using any of the paid softwares and if so what are they?

Is there a complete lucid tutorial for the same? (PSD to XHTML conversion)

Thanks

I get this error with this code:
Attribute "allowtransparency" must be declared for element type "iframe".

Code is:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.vibrantscent.com/" scrolling="no" frameborder="0" style="height: 62px; width:100%" allowtransparency="true"></iframe>

Question does anyone know what the correct code would be?
Thanks