473,808 Members | 2,745 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Hi, I was wondering if someone could help me with positioning a site I recently made

14 New Member
The site I made is:

http://rblog.net16.net/


I am new to web design/ development; so my question is probably quite trite.
The site looks fine in my computer, however in another computer it gets all magnified and odd.
This is not the case with cnn, bbc, css trick or other good sites.

Is there some specific feature that ensures that the site doesn't change too much when viewed on different browsers/screens?

Any tips or tricks are welcome.
Thanks
Aug 23 '10 #1
2 1213
JKing
1,206 Recognized Expert Top Contributor
In general you would want to code your site to be standards compliant by using valid HTML and CSS.
Aug 30 '10 #2
tharden3
916 Contributor
Back in my early days, when I just started getting into website design, I ran into the same problem you are having.

My first website I designed was a basic three column layout with a header and a footer. It looked great at home, but when I viewed it on a monitor during school, it looked tiny and was set off to one side of the screen.

The problem was the way I positioned the "divs." I used only the 'absolute' attribute for positioning, and it looked great on my low resolution CRT monitor, but it turned out terrible on LCD displays with high-resolutions and wider screens.

Basically, there are many things that factor into how your website looks. It will be viewed on different monitors with very different resolutions. It will be viewed across many browsers. And in today's day and age, it is even viewed on mobile devices like cell phones or tablets.

My suggestion would be to experiment with the "float" property in CSS. I would also use relative sizes when you are spacing divs, etc. Having a "fluid" layout allows your website to adapt to many situations, and still look acceptable almost everywhere it is viewed. You also want visitors to be able to squeeze and stretch your site in their browser, and to have your website maintain it's form.

Cheers,
Tim
Sep 2 '10 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

0
1586
by: crjr | last post by:
I'm having trouble with positioning in Netscape 7.02. It looks the way I want it to in IE 6, Opera and iRider, but in Netscape and Mozilla, the MENU drops way too low. Also, in Netscape the background image (a logo at the top of the page) is getting covered up by the #main content. Any help would be greatly appreciated. Here's the URLs to both the page and the CSS file. http://www.flashsongs.com/EPOXYFILMS_COM/index.html...
4
2719
by: Jane Withnolastname | last post by:
I am trying to re-work an old site by replacing the html with css. On the main page, I have a logo image which I needed centred on the initial screen. I found the solution here: http://www.wpdfd.com/editorial/wpd0103.htm#toptip (the second example) The problem is, under the image is a large table. But using the above positioning, now the table starts at the top of the page and runs underneath the image.
9
1441
by: Tim Dietz | last post by:
Due to lack of time, I have used MS FrontPage to create a few web sites. I've grown to despise it and want (and now have the time) to really learn HTML, CSS, etc. to create new sites. One feature of FP that I did like is that you could add a new page and easily incorporate the new page into the navigation system--you didn't have to edit each page to add a new link. So, my question is, what do you professionals do when you add a page to...
1
2910
by: aamirch | last post by:
HI, I am developing sites in php for last few month, i have good experience in php but not in multi language site. so i am going to develop first time multilangauge site. so plz guide me best way of multilangauge ,i want that admin install langauge pack file and its work, so can you guys gudie me about langauge pack file that how its works? Thanks
4
1187
by: TN Bella | last post by:
Hello, I don't know why I keep getting this error. I have 15 of each txtacctnum (txtacctnum - txtacctnum14), txtcostcntr, txtrefnum, and txtacctamt. Some of the inputs are null, so I don't want to display unless there is a value. Can someone please help? Object reference not set to an instance of an object. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for...
1
1509
by: pyropyro78 | last post by:
ok heres the problem when fightersguildss.tripod.com is viewed in firefox all the stuff is placed on left but i typed in <br><table style="Position:absolute; top:300; left:295;"><ilayer name="scroll1"><br><div id="scroll3" style="width:200; height:130;overflow:auto"> <center><br><font color=red><b>AS ONE WE FALL<p>TOGETHER WE RULE</b> </table></font><br></table> ^ just an eg from my site.
1
1379
by: dogerman | last post by:
Hi there. I'm currently working on website( a forum/blog/website mix ) called logoog( googol is a word meaning 1 followed by a 100d zeroes, so logoog is a word meaning a 100 zeroes and one 1, basicly it means 'one'). Im not an HTML expert at all. I got a basic layout and design figured out alredy, but i need help making it truly happen. Plz send me a reply at helpdog911@yahoo.com . I really would appreciate your help. Thank You for you...
1
1606
by: David De | last post by:
Need help with my site - search function within my site not working?!? I purchased this template, customized it and found out it has a search function for within the site - the challenge is that SEARCH function is a dummy text box and doesn't work (apparently I have to pay much more to get it to work). I want to get it to work, but I am unsure how to do it on my own, hopefully nothing too complicated. The banner is in FLASH, so I am...
1
1381
by: tesker | last post by:
I'm working on a website that looks great in Firefox, IE 7 and IE 8 , but in IE 6 one of the elements appears below another element instead of to the right where it is supposed to be. The site is at http://www.indppc.com/. The main stylesheet is at http://indppc.com/templates/transparent_bliss_1.5/css/template.css and I'm detecting if the browser is IE6 and inserting CSS specific to IE6 at...
0
9600
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10633
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10376
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10375
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9198
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7651
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6880
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5686
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4331
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.