Overclock.net - Overclocking.net
     
 
Home Gallery Reviews Blogs Register Today's Posts Mark Forums Read Members List


Go Back   Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming
Reload this Page Issue with <DIV> Tags and Screen Resolution

Reply
 
LinkBack Thread Tools
Old 3 Weeks Ago   #1 (permalink)
WaterCooler
 
Asgardy's Avatar
 
intel nvidia

Join Date: Feb 2007
Location: UK
Posts: 24

Rep: 2 Asgardy Unknown
Unique Rep: 2
Trader Rating: 0
Default Issue with <DIV> Tags and Screen Resolution
Hi all I am currently building a website and have neared completion, but have discovered a fatal flaw!

The site functions perfectly within the resolution I have developed it within (1920 x 1200) while any other resolution completely throws everything off positioning wise.

The way I have set it up is a main title <DIV> at the top with another <DIV> below as the main content section, this is centred within the middle of the page and has an equal amount of white space either side of it.

When viewed within a 1680 x 1050 resolution though (along with other resolutions) the content section is positioned off centre, along with all of the navigational buttons and images

Is there a way to scale these DIV's so that they automatically adapt to the resolution they are being viewed in ?

Have set all the values in percentages but this does not seem to resolve the issue due to obvious reasons

Thanks
__________________
System: Intel Rig
CPU
Intel Q6600 3.00GHz		 Motherboard
Foxconn Mars		 Memory
8GB Corsair Twin XMS2 PC2 6400 		Graphics Card
Nvidia GTX260 55nm Rev
Hard Drive
Western Digital Caviar 250GB x2 Samsung 250GB		 Sound Card
Creative Sound Blaster X-Fi Xtreme Audio		 Power Supply
PC Power and Cooling Silencer 610W		 Case
Coolermaster RC-1100 Cosmos S
CPU cooling
D-Tek Fuzion V2		 GPU cooling
Stock Cooler		 OS
Windows Visa X64		 Monitor
24" Samsung SM2443BW
Asgardy is offline   Reply With Quote
Old 3 Weeks Ago   #2 (permalink)
Programmer
 
chatch15117's Avatar
 
intel nvidia

Join Date: Sep 2009
Location: Orlando, FL
Posts: 415

Rep: 17 chatch15117 Unknown
Unique Rep: 15
Folding Team Rank: 1000
Trader Rating: 0
Default
I initially created my website TunerSpotter.com with divs and had the same problem. I had to pay some web guru from craigslist(only $140 with retainer!) to convert the divs to tables and <td><tr> etc. so it looks nice at most standard resolutions. I'm having a hard time getting it to look good on iPhone's Safari browser, though.

I'm a database and algorithm programmer, not a web designer xD

System: Mr. Doctor Professor General Sir Lancelot III
CPU
i7 920 D0 @ 3.84GHz (24/7)		 Motherboard
GIGABYTE GA-EX58-UD3R		 Memory
mushkin 3GB DDR3 1600 7-8-7-20 		Graphics Card
MSI OCv3 GeForce GTX 260
Hard Drive
2x WD Caviar Black 640GB-RAID0 and Seagate 7200.7		 Power Supply
OCZ GameXStream 850W		 Case
Antec Nine Hundred
CPU cooling
MUGEN-2		 OS
x86 Windows 7 Ultimate RTM		 Monitor
HP w2207h 22" LCD
chatch15117 is offline I fold for Overclock.net   Reply With Quote
Old 2 Weeks Ago   #3 (permalink)
Intel Overclocker
 
dham's Avatar
 
intel ati

Join Date: May 2009
Location: North Carolina
Posts: 664

Rep: 42 dham is acknowledged by some
Unique Rep: 30
Trader Rating: 0
Default
Hey man. The first thing you need to do is make your div's percentages instead of absolute values. Also do not use tables like the above poster said.

Here is the div
Code:
<div id="Main" style="width: 50%; margin: 0 auto;">Hello</div>
Also are you using an editor like dreamweaver, or expression. I'd suggest using one of those instead of hand coding sites. It does wonders for compatibility. Also if you think screen resolution is frustrating. Wait until you try to support Ie6. That's really fun!
__________________
Quote:
Originally Posted by jshay View Post
How convenient, the warranty ends when the world ends.
Quote:
Originally Posted by slothfish View Post
So lifetime warranty then?

System: Main Digital Audio Workstation
CPU
Core i5 750 4.01ghz at 1.27v		 Motherboard
MSI P55-GD80		 Memory
G.SKILL 4GB DDR3 1600mhz 		Graphics Card
Sapphire Radeon HD 5870 1GB
Hard Drive
Western Digital Caviar Black 500gb 32mb cache		 Sound Card
Line 6 Guitar Port/Gear Box		 Power Supply
Corsair HX750		 Case
Antec Nine-hundred two
CPU cooling
Megahalem w/ Panaflo 114cfm		 GPU cooling
Stock		 OS
Windows 7 Ultimate 64		 Monitor
22" Acer
Last edited by dham : 2 Weeks Ago at 10:09 AM
dham is offline   Reply With Quote
Old 2 Weeks Ago   #4 (permalink)
AMD Overclocker
 
amd nvidia

Join Date: Apr 2009
Posts: 423

Rep: 18 godsgift2dagame Unknown
Unique Rep: 17
Trader Rating: 0
Default
What position did you put the entire <body> as? Absolute? Relative?
__________________
System: $775
CPU
Phenom II 720		 Motherboard
Gigabyte MA790X-UD4P		 Memory
4GB OCZ Reaper DDR2 1150
Hard Drive
250GB Seagate Barracuda 7200.10 x 2		 Power Supply
PC Power & Cooling 610W		 Case
Antec 300
CPU cooling
XIGMATEK Dark Knight-S1283V		 OS
Vista 64-bit
godsgift2dagame is offline   Reply With Quote
Reply

« Previous Thread | Next Thread »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools



All times are GMT -5. The time now is 07:12 PM.

Contact Us - Overclock.net - Archive - Top

Overclock.net is a Carbon Neutral Site Creative Commons License

Terms of Service / Forum Rules | Privacy Policy | DMCA Info | Advertising | Become an Official Vendor
Copyright © 2009 Shogun Interactive Development. Most rights reserved.
Page generated in 0.10357 seconds with 8 queries