The vertical-align property only applies to inline, inline-block, and table-cell elements.

http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

By default, <div>s should have all inner content begin at the top left. What are you trying to achieve, based on your given markup? If you are trying to align the given image to the top of the browser window, it's likely the <body> has some margin or padding you have to override. Use Firebug to inspect the whitespace you are seeing.

You should probably be using the background-image property instead of image tags if the image is fundamentally part of the theme and not explicitly content.


On Sat, Feb 26, 2011 at 9:05 PM, Eric Sepich <sepich.eric@hotmail.com> wrote:
I have a custom home page that I developed and I am having the biggest
bear of a problem getting it to "vertical-align: top;". Does anyone know
how this might be done with the Drupal platform. I tried several
different methods included encasing the image in a div etc. etc. Nothing
worked so far. My theme is framework. My content type is "full html".
Thank you so much!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
</head>
<body>
<div valign="top" style='vertical-align: top;'>
<img src="imgdeny/fortress.jpg" valign="top">
</div>
</body>
</html>
_______________________________________________
themes mailing list
themes@drupal.org
http://lists.drupal.org/mailman/listinfo/themes