新手 - Amatuer webdesigner在CSS /屏幕分辨率问题上苦苦挣扎 [英] Newbie - Amatuer webdesigner struggling with CSS/Screen resolution Problems
问题描述
大家好，
我希望能找到一位慈善知识渊博的人来帮助我！
我是一名博主，我是学习网页设计，这样我就可以为我的企业创建一个动态的网站。
我的第一个网站是使用Xara设计的...但我很快意识到它的局限性，所以开始研究CSS和HTML所以我可以尝试从头开始设计一个网站。
几个月后!!我80％的目标是让我自己的设计现场，但我的问题只是在一个屏幕分辨率，我的失望我把网站现场和emialed几个朋友，他们大多说，网站被打破了我的网站的链接是这里。 （我们被允许吗？）
http://www.siamfishingtours.com/Mynewwebsite2/Index.htm
任何人都可以给我一些可以使网站在其他屏幕分辨率下正常工作的CSS行。
最大的问题似乎是重叠的文本列，以及固定大小的图片，在列后面迷失等等。
谢谢
Ruf
Hi all,
I hope I can find a charitable knowledgeable person to help me!
Im an amatuer webdesigner, I am learning webdesign so I can create a dynamic website for my business.
My first ever website was designed using Xara...but I very quickly became aware of its limitations, and so went about studying CSS and HTML so I could try and design a site from scratch.
Several months later!! Im 80% towards getting my own design live, but my problem is having only ever worked in one screen resolution, to my dissapointment I put the site live and emialed a few friends and they mostly said the site was broken the link to my site is here. (Are we allowed?)
http://www.siamfishingtours.com/Mynewwebsite2/Index.htm
Can anyone give me some lines of CSS that might make the site work properly in other screen resolutions please.
The biggest issues seem to be with overlaping columns of text, and pictures that are a fixed size, getting lost behind columns etc.
Thanks
Ruf
推荐答案
我注意到了800x600和1280x1024的问题。您遇到的第一个问题是您的背景图像宽度为1024px，因此当分辨率大于1024时，您的图像将重复出现。您可能需要考虑重复的背景图像。
I''ve noticed problems with the 800x600 and 1280x1024. The first problem you are having is that your background image is 1024px wide so when the resolution is greater than 1024 your image will repeat. You may want to consider a background image that repeats.
让我们让您的页面正确启动。首先，您的doctype不完整，并将IE置于怪癖模式。使用这个：
<！DOCTYPE html PUBLIC" - // W3C // DTD HTML 4.01 // EN"
" http：/ /www.w3.org/TR/html4/strict.dtd">
其次，你有一些这样的结束标签，/>，它们只是Xhtml。删除斜杠。
然后，使用 W3C html验证器和 CSS Validator 查找和修复你的错误。在你修复前两项之前不要使用它们。不要忘记AricC提到的大小问题。
Let''s get your page started out right. First, your doctype is incomplete and puts IE into quirks mode. Use this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Second, you have some closing tags like this, />, which are Xhtml only. Remove the slash.
Then, use the W3C html validator and the CSS Validator to find and fix your errors. Don''t use them until you fix the first two items. Don''t forget the size issue mentioned by AricC.
我注意到800x600和1280x1024的问题。您遇到的第一个问题是您的背景图像宽度为1024px，因此当分辨率大于1024时，您的图像将重复出现。您可能需要考虑重复的背景图像。
I''ve noticed problems with the 800x600 and 1280x1024. The first problem you are having is that your background image is 1024px wide so when the resolution is greater than 1024 your image will repeat. You may want to consider a background image that repeats.
嗨Aric C，
谢谢
Ruf
Hi Aric C,
Thanks for your input. The problem I have is that the single (non repeating in the horizontal plane) background Im using is an integral part of the design. It is suppose to resemble the sky fading from day time (behind the palm trees) to nighttime (behind the night scene). Its a part of the design I would liek to keep if at all possible. Obviously if I use some sml repeaing imagery for the background (in order to overcome screen resolution fitment) I will lose this gradient effect....any suggestions? I noticed a lot of designer have their whole site just design to 800 wide, and then have a command (which I dont know) that centres the whole thing...then as screen resolution increase they simply have a wider and wider pale bule band (the default colour in HTML) either side of the site content.....how is this achieved? What CSS command centres a site in the viewport?
Thanks
Ruf
这篇关于新手 - Amatuer webdesigner在CSS /屏幕分辨率问题上苦苦挣扎的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
