Web Development

Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 23:09

See, we have an ASP.NET forum....

Christian Graus

Driven to the arms of OSX by Vista.

"! i don't exactly like or do programming and it only gives me a headache." - spotted in VB forums.

I can do things with my brain that I can't even google. I can flex the front part of my brain instantly anytime I want. It can be exhausting and it even causes me vision problems for some reason. - CaptainSeeSharp

Baeltazor10-Jun-09 9:19

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 9:19

Hey everone Smile | :)

I have a few questions, the first question is How do I get the positioning right for my webpage? I have honestly spent months reading tutorial after tutorial, I bought several books, and I even spent 4 hours searching Google yesterday with no luck at all trying to figure out how to position all the required elements that make up my webpage. I mean, I can position them where I want them to be, but, whenever the user resizes the browser, or if they maximize the browser, it all gets screwed up it just doesn't remain where it is supposed to be.

Here's a piece of code:

myLogo {
	position: absolute;
	top: 50%;
	left: 50px;

	border: none;
	}

HorizontalLineBeneithLogo {
			position: absolute;
			top: 55%;
			left: 50px;
			}

Can somebody please explain, or provide any solutions, links to tutorials/articles or ANYTHING really? I can't get my head around this. Another thing, why don't browsers stick to standards, Apparently when Internet Explorer was first created the Web Standards didn't even exist yet, but come on, that's no excuse! They could've fixed it up by now.

Thanks for readin Smile | :)

jase

Christian Graus10-Jun-09 9:27

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 9:27

CSS is a nightmare, and don't let anyone tell you differently. However, I do see that you're using hard coded left borders, so they are bound to stay the same. I'd buy a CSS book rather than google, not least because you need a reference to look up all the arcane rules that make up CSS.

jt_23 wrote:
, Apparently when Internet Explorer was first created the Web Standards didn't even exist yet, but come on, that's no excuse!

Well, IE was obviously not the first browser. MS just like to make up their own standards, always have. I agree, it is a nightmare.

Baeltazor10-Jun-09 9:38

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 9:38

Thanks Christian,

I have a HTML, XHTML & CSS book here it's like 400 pages and that's where I first learned CSS. If I just keep the browser at the exact same size as it was when I was developing the page/testing it in the browser, then all is well. Maybe I could come up with a script that will stop the users browser from being resized/maximized while they're on my site (jokes).

I guess I should go and look on Amazon for a proper CSS book, since none out of about 8 book shops anywhere near me seem to have any.

Do you know of any Visual Studio Web Developer tutorials/articles that explain how to position in Visual Web Developer? I haven't found any yet...

Jase.

Christian Graus10-Jun-09 10:42

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 10:42

You need to not use any tools the IDE gives you, because they are usually horrible. they will create absolute positioning CSS, which is not what you want. CSS is the tool for the job, sadly. I do find when I can't get what I want, I will revert to using tables, but overall, CSS is what you need. And yes, I use Amazon b.c no-one here sells good books, either.

Baeltazor10-Jun-09 11:13

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 11:13

Thanks for your advice Christian. Much appreciated. Smile | :)

Jase.

Baeltazor10-Jun-09 9:41

Re: Hi Folks, Positioning gone wrong in Web Developer.

10-Jun-09 9:41

Would it be at all possible to position webpage elements in Jscript or JScript.NET? I mean, I know I can do it, but has anybody ever heard of anyone else doing that?

User 171649210-Jun-09 21:37

User 1716492

10-Jun-09 21:37

You could give this book a try ...

"Pro CSS and HTML Design Patterns" by Michael Bowers. Aprerss. ISBN-10 : 1-59059-804-0

And if you want some developer cheat sheets visit http://refcardz.dzone.com/[^]

modified 1-Aug-19 21:02pm.

Re: Hi Folks, Positioning gone wrong in Web Developer.

Baeltazor11-Jun-09 7:58

Re: Hi Folks, Positioning gone wrong in Web Developer.

11-Jun-09 7:58

Thanks Richard, great link for the cheat sheets. I'll check out that book too. Smile | :)

led mike11-Jun-09 4:49

led mike

11-Jun-09 4:49

jt_23 wrote:
Apparently when Internet Explorer was first created the Web Standards didn't even exist yet

That is not a correct statement. My advice, don't make assumptions, choose to read information[^]

Of course one cannot assume wikipedia (or most anything on the web) is authoritative so use some common sense.

Re: Hi Folks, Positioning gone wrong in Web Developer.

Baeltazor11-Jun-09 7:56

Re: Hi Folks, Positioning gone wrong in Web Developer.

11-Jun-09 7:56

led mike wrote:
don't make assumptions, choose to read information[^]

I made no assumptions. I was going by what I had previously read.

Todd Smith11-Jun-09 12:29

Todd Smith

11-Jun-09 12:29

Do you have an online sample where we can see what you're trying to do?

Can you point out another web page that has a similar design / layout to what you're trying to accomplish?

Todd Smith

Re: Hi Folks, Positioning gone wrong in Web Developer.

Baeltazor11-Jun-09 15:56

Re: Hi Folks, Positioning gone wrong in Web Developer.

11-Jun-09 15:56

Thank you Todd, I can honestly say that I haven't seen a site like it. Ah, the link below links to exactly what i am trying to do

http://220.101.27.107/files/gb/ni/cp/fp.layoutexample.png[^]

thanks again, i will keep lookin around to see if i can find similar sites

Todd Smith12-Jun-09 5:49

Todd Smith

12-Jun-09 5:49

That link returned a 404. Perhaps try something like http://www.imageshack.us for sharing images.

Todd Smith

Re: Hi Folks, Positioning gone wrong in Web Developer.

Marc Firth11-Jun-09 22:14

Marc Firth

11-Jun-09 22:14

The easiest option is to use a bordering div with a fixed width. a centered div 1000px wide would be

.outer {
width:1000px;
margin auto;
}

You can position your div tags inside that - best way is with px or a percentage - but when you have the bordering div you should rarely need to use the "position" rule. Using more div tags (sometimes instead of using padding or margin rules) often saves a lot of hassle too (and makes your web apps more cross-browser compatible).

Fluid layouts (ones that resize with the browser) are harder to manage - and take a bit of thought and planning (i.e. what screen resolutions are my users using, what font-size there browser uses, mobile users, etc).

If you have trouble with multiple browser rendering, consider using "sid meyers reset.css style sheet". It's a little dated but still works pretty well. You may want to delete some of his rules though.

Neonlight

Rant: Sorry to interrupt.

Baeltazor10-Jun-09 9:08

10-Jun-09 9:08

Hi all,

I, for some weird reason decided to have a look at the (by selecting view source in Internet Explorer) HTML source code for http://www.bing.com/ (formerly live.com) and to my surprise they are using Javascript. Why the hell would Microsoft be using Javascript when they have their own version called Jscript (which, in my opinion, is better. Not that there's much of a difference anyway.)? I find the thought of knowing that they are using another's language instead of their own version quite... Unsettling.

Peace.
Jason.

Smile | :)

Christian Graus10-Jun-09 9:11

10-Jun-09 9:11

jscript and javascript are not the same thing ? Then I assume they are doing it to support other browsers.

Baeltazor10-Jun-09 9:22

10-Jun-09 9:22

I think you're right about that one, but I have tried Jscript in Firefox and Opera and it works. Unless maybe there's certain parts of Jscript that are for I.E only...?

Christian Graus10-Jun-09 9:25

10-Jun-09 9:25

I suspect that FF and Opera ignore the tag and work out that it's javascript. Unless you know of specific differences between jscript and javascript ? I don't know of any.

Baeltazor10-Jun-09 9:32