Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-20-2010, 05:50 AM   PM User | #1
andynov123
Regular Coder

 
Join Date: Oct 2010
Posts: 246
Thanks: 8
Thanked 1 Time in 1 Post
andynov123 is an unknown quantity at this point
website problems Help

My website www.college-ebook.com looks different when I maximize the window on my tv screen. I attached two images so you could see the difference.
How do I fix this??
Attached Thumbnails
Click image for larger version

Name:	image.jpg
Views:	38
Size:	51.8 KB
ID:	9207   Click image for larger version

Name:	image1.jpg
Views:	42
Size:	52.1 KB
ID:	9208  
andynov123 is offline   Reply With Quote
Old 12-20-2010, 10:46 AM   PM User | #2
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,812
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
The difference is caused by the absolute positioning of your paypal image. This will remain where it is regardless of the screen size, which means it's in the wrong place at some screen resolutions.

You might well be better reworking your layout to use a simple two column layout - there's a good example here. This might seem a lot of work (it isn't..) but will give you a much more flexible layout which will be simpler to amend moving forward.
SB65 is offline   Reply With Quote
Old 12-20-2010, 04:34 PM   PM User | #3
andynov123
Regular Coder

 
Join Date: Oct 2010
Posts: 246
Thanks: 8
Thanked 1 Time in 1 Post
andynov123 is an unknown quantity at this point
why would I need a two column page I only have one product to sell.(theres only one page) I dont have anything like a navigation bar
andynov123 is offline   Reply With Quote
Old 12-20-2010, 04:43 PM   PM User | #4
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
Look at your page and imagine it in sections. The images on the left side could be a section, or column, then the text on the right side could be another column. If you look at pretty much all websites and all print in general, they have always used this type of sectioning.

Check out this article for more useful info.
teedoff is offline   Reply With Quote
Old 12-20-2010, 04:58 PM   PM User | #5
andynov123
Regular Coder

 
Join Date: Oct 2010
Posts: 246
Thanks: 8
Thanked 1 Time in 1 Post
andynov123 is an unknown quantity at this point
Did I set it up right??
www.college-ebook.com
andynov123 is offline   Reply With Quote
Old 12-20-2010, 06:23 PM   PM User | #6
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
Looks like it to me. To test for yourself, give each div a background-color in your styles. Also add some text as well to the left and main divs to see them stretch down.
teedoff is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 03:15 AM.


Advertisement
Log in to turn off these ads.