fitting to widescreen resolution, site shows correctly on 'normal' resolutions |
 Jul 27 2006, 03:20 PM
Post
#1
|
|
 i wanna know what's inside...  Group: Member Posts: 162 Joined: Apr 2006 Member No: 395,784  |
I've come crawling back to ask for help once again.
Here. I just created a new website layout for a project. I now have three issues. And yes, the code is at the bottom. (FYI - My laptop (where I do most of my work) is set to a widescreen resolution of 1200 x 800. I run IE generally, though it has the same appearance in Firefox and Netscape.) On my laptop, the screen is repeated horizantally, and I can't change it. It's fine on non-widescreen resolutions though. Also, the layout seems to repeat at the bottom as well. I can just see the top of the picture, though I can't scroll down past it. And... The web counter. I'd like it to be close® to centered, and it won't budge. Any help would be much loved. If it's beyond hope... I'll just have to deal I suppose. Thanks, Rilind CODE <HTML><HEAD><TITLE>Post-It Quotes</TITLE>
<STYLE type=text/css> body { margin: 0px; background-color: #587e54; background-image: url("http://i91.photobucket.com/albums/k310/post_itquotes/post-itquoteslayout.jpg"); scrollbar-face-color: #eceedc; scrollbar-arrow-color: #587e54; scrollbar-track-color: #eceedc; scrollbar-shadow-color: #eceedc; scrollbar-darkshadow-color: #587e54; scrollbar-3dlight-color: #eceedc; scrollbar-highlight-color: #2d383c; } div#wrap { margin: 0px; background-image: url("http://i91.photobucket.com/albums/k310/post_itquotes/piqhorext.jpg"); background-repeat: repeat-y; } #container { width: 352px; position: absolute; top: 470px; left: 456px; font-family: verdana; font-weight: normal; color: #2d383c; font-size: 10px; text-align: center; } .container-header { font-weight: normal; font-family: Monika; font-size: 20px; text-align: center; letter-spacing: 2px; color: #2d383c; } #topnavi { width: 500px; position: absolute; top: 440px; left: 310px; font-family: Monika; font-size: 10px; text-align: center; font-weight: normal; color: 2d383c; } .sidebar-header { font-weight: normal; font-family: Monika; font-size: 16px; text-align: left; letter-spacing: 1px; color: 2d383c; } #sidebar { width: 142px; position: absolute; top: 470px; left: 310px; font-family: verdana; font-weight: italic; color: #2d383c; font-size: 10px; text-align: left; } #botvisi { bottom: 20px; left: 400px; } a:link, a:visited, a:active { color: #587e54; border-bottom: 1px solid #2d383c; } a:hover { color: #eceedc; border-bottom: 1px solid #587e54; } </STYLE></HEAD> <BODY> <DIV id=wrap> <IMG height=1020 src="http://i91.photobucket.com/albums/k310/post_itquotes/post-itquoteslayout.jpg" width=820> <DIV id=topnavi> <A href="http:// page 2">page 2</A> </DIV> <DIV id=sidebar> <DIV class=sidebar-header>Updates</DIV> Updates require the start. </DIV> <DIV id=container> <DIV class=container-header>Welcome</DIV> Post-it Quotes is... <br><br> a complete mess at the moment. <br>HELP! <br>pretty please. </DIV> <DIV id=botvisi> <IMG src="http://counters.freewebs.com/Members/Counters/counter.jsp?userid=20191996&name=Visitors"> </DIV> </DIV><!--from wrap--> <!--#include virtual="/Include/tracker"--> </BODY></HTML> |
|
|
|
 |
Replies
|
Jul 28 2006, 08:18 AM
Post
#2
|
|
|
i wanna know what's inside... Group: Member Posts: 162 Joined: Apr 2006 Member No: 395,784 |
Why thank you very much. I had tried background-reapeat: none, but obviously that didn't work.
Now I just need to know how to move the bloody counter... |
|
|
|
Posts in this topic
rilind fitting to widescreen resolution Jul 27 2006, 03:20 PM
Stephire Add to the body:
background-repeat: no-repeat; Jul 27 2006, 03:31 PM
 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: