navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

can't get from moving

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> can't get from moving
Page: [1]
 
reformed hater

 

Posts: 167
Joined: 2/1/2006
From: The land of sun and hurricanes; US
Status: offline

 
can't get from moving - 3/22/2006 10:24:02   
Ok I know I've seen it before but I can't find the thread... Everything in my site moves around a bit in different screen sizes. Unfortunatly I can't look at it in other browers so that may be all wonky too. :)

Here is a temp url just so you guys can see everything. nevermind the pic faults. I just need input on how to make everything stay!:) if you want to give layout suggestions too that's fine (please remeber this is my first CSS effort and second page ever!)

Thanks and as all you Brits say "Cheers"
Tony

_____________________________

When asked what the White House was like by a British student George W. Bush responded 的t is White"
spitfire

 

Posts: 424
Joined: 8/6/2005
Status: offline

 
RE: can't get from moving - 3/22/2006 15:22:01   
Hi, Tony
You're doing very well there for a first css page and second page ever.
By "moving around" do you mean it expands and contracts width-wise with different screen sizes? If so place a width on body in the CSS.

You are quite right the page is "wonky" in Firefox. Why not download Firefox yourself and take a look? (lots of links to The Fox in forum member's sigs)

Come back with specific questions and there are lots of people here, as you know, who can take you through the mysteries of CSS a step at a time. It would be good if you find yourself a host rather than Yahoo which has a tendency to add things to your html code and could make a mockery of your css work. There are a number of cheap site hosting companies around.

Cheers, or even, "bottoms up"
Spit

(in reply to reformed hater)
reformed hater

 

Posts: 167
Joined: 2/1/2006
From: The land of sun and hurricanes; US
Status: offline

 
RE: can't get from moving - 3/22/2006 15:53:57   
Thanks for the reply Spit... I was just using Yahoo! so you (the forum users) can see it. Being that its my companies website I can't exactly do it live you understand, which is the reason for me not having FF or Opera here ( I do have them at home though, but who wants to do their 9-5 job's work at home after hours :))

My specific question is how do I get everything to stay put.
quote:

If so place a width on body in the CSS.
if I put a % it still moves... I'm so confused:)

_____________________________

When asked what the White House was like by a British student George W. Bush responded 的t is White"

(in reply to spitfire)
spitfire

 

Posts: 424
Joined: 8/6/2005
Status: offline

 
RE: can't get from moving - 3/22/2006 15:59:10   
Please define "moves"
BTW it's 8:40pm here, still working and popping into the forum from time to time. I have a 9-5 job too.:)

(in reply to reformed hater)
reformed hater

 

Posts: 167
Joined: 2/1/2006
From: The land of sun and hurricanes; US
Status: offline

 
RE: can't get from moving - 3/22/2006 16:44:48   
Moves... shrinks and rearranges based on the screen size/res size ie 800x600 etc. it's not even 5:00 pm here.

_____________________________

When asked what the White House was like by a British student George W. Bush responded 的t is White"

(in reply to spitfire)
spitfire

 

Posts: 424
Joined: 8/6/2005
Status: offline

 
RE: can't get from moving - 3/22/2006 18:07:18   
Right.
It will expand and contract to fit the size of the screen if you have no width on body. If you place a percentage width on body then it will expand/contract to fit that percentage of the screen width - 800, 1024 or whatever.

Either place a fixed width on body or on the content/middle column div.

Hope you are still at work:)

(in reply to reformed hater)
reformed hater

 

Posts: 167
Joined: 2/1/2006
From: The land of sun and hurricanes; US
Status: offline

 
RE: can't get from moving - 3/23/2006 10:04:21   
Thanks Spit... I made a fixed body width of 100px. That seems to do fine, the only crappy thing is now on a smaller screen there's a horizontal scroll... oh welll

_____________________________

When asked what the White House was like by a British student George W. Bush responded 的t is White"

(in reply to spitfire)
spitfire

 

Posts: 424
Joined: 8/6/2005
Status: offline

 
RE: can't get from moving - 3/23/2006 11:07:55   
That is the dilemma and why you see so many threads and so many different answers in so many forums about "What screen size should I code to?"

At one time 800 was all the rage, then 1024 and latterly it seems the sky's the limit on screen sizes for those who can afford them or find size is the answer to all their little complexes:). However, many devices are coming onto the market that have small screens, the latest MS offering is 800 wide, I believe. PDAs are smaller, then there are those tiny, twee little cellphone screens.

As you move forward decide which types of site visitors you want to design for/attract to the site.

Bear in mind that the site looks perfectly good in IE at the moment at 800 screen size.

If you want to fix a width for 800, use around 760px - that allows for the scrollbar. Use around 984px for a 1024 screen.

It is possible to set a body width (say 760) for IE and a max-width (say 984) that Firefox obeys. Actually IE can be "hacked" to play ball - Google for "IE max-width". Then it will display well on a 800 screen and a 1024 screen. I suggest a maximum width of 1024/984 is about as far as you want to go on a site with quite a lot of (relatively) small text. Otherwise it is difficult for the eye to span from the end of a long line of text to the start of the next line.

You can always add separate stylesheets for handheld devices

Have fun and don't work too hard :)
Cheers
Spit

(in reply to reformed hater)
reformed hater

 

Posts: 167
Joined: 2/1/2006
From: The land of sun and hurricanes; US
Status: offline

 
RE: can't get from moving - 3/23/2006 15:49:18   
quote:

Have fun and don't work too hard


I try not to. thank for you help. I'm doing another one for my side business so you'll be seeing a lot more of me.:)

_____________________________

When asked what the White House was like by a British student George W. Bush responded 的t is White"

(in reply to spitfire)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> can't get from moving
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts