Quote:
Originally Posted by AndyArmstrong
I want to but i dont know how to fix it!
What do i do>!
|
The reason why your page is breaking is because you have used the deprecated
align attribute for your two images in your header. In Internet Explorer the effect of using the align attribute for images cannot be explained in terms of any CSS property. Hence it is incompatible with CSS. Note that this is not the case in Firefox where
<img ... align="left"> is equivalent to
img {float: left}.
If you want those two images to be next to one another then perhaps try to combine the two images into one image. Alternatively, insert the right image as a background image in your header.
My advice is to avoid using deprecated HTML attributes. Instead of a transitional document type then use a strict one. Then revalidate and eliminate deprecated attributes. Style the elements using CSS.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Quote:
Originally Posted by saeed
what i want from you is what are those things u considered before making web layout ... i.e. browser compatibility, screen resolution, colors, softwares used... etc.
|
My own opinion is that liquid layouts are the best. The problem using a fixed-width layout is that you need to decide on a certain fixed width. Probably that would have to be a width around 770px to avoid that users on a 800x600 display will get a permanent horizontal scroll bar.
I think that for many years the fixed-width layout was favored over the liquid layout because people didn't like the very long lines of text on a large display with maximized window. Also, at narrow window sizes the elements may start to overlap making the page useless.
This argument no longer holds because most browsers including IE7 support max-width and min-width. Besides that you can easily get a similar effect in IE5 and IE6 when the width is set up as a dynamic property.
So usually one would set the min-width to be the smallest width before elements start to overlap. Likewise, the max-width is set at the width where lines are still not too long for easy readability. Users can then still maximize the window and see a nice looking centered page.
Before you post, read our: 
White Block under IE - not FF!
