Welcome New User! ( Create Account | Sign In )
 
Question

Submitted 241 days ago...

Bagger335

Bagger335

New User (6)

Dreamweaver Question

Hello,

I want to know how to set up my web page so that it doesn't resize when browsers are made smaller. When browsers are made smaller I want scrollbars to appear so that the viewer can scroll to the right or left to get a full view of the page.

I hate it when sections of my page get distored when a browser is made smaller.

Is this question too much to ask? Is there a tutorial to address this situation?

Thank you for the answer:

mike

 
 
 
Answers
 

Answer 1 / 5

Submitted 241 days ago...

mahalo

mahalo

Professor (1,186)

I would love to see your site to see exactly what you are talking about to see if there is a better way to fix this than using scrollbars as they look armature and if use incorrectly (like with frames) and can make the page inaccessible.

The best way to use scrollbars (if you must) is to use a css overflow style on the container around the content you want to scroll.

All you have to do to make a div tag scroll is give it an overflow property with a height and a width. Then the scroll bar will only appear when the browser is resized and the text exceeds the width or the height.

For example <div style="overflow:auto; height:250px; width:300px;"> would be an inline tag.

Hope that helps!


This answer was edited by mahalo 241 days ago.

Reason: aaa

 

Answer 2 / 5

Submitted 240 days ago...

Bagger335

Bagger335

New User (6)

Thank you for that answer. I was busy yesterday or I would have responded eariler. I think, I haven't tried it yet, you have addressed my situation.

By the way, this is the first page I'm making that I will publish.

To get an idea of what I'm referring to you can resize this page with the restore down/maximize button. When the page gets smaller you can see the scrollbars appear and the content of the page keep it's structure and the browser overflows on the content.

That's what I want to do.

My page, when I put it into a browswer doesn't do that. My page adjusts to the browser so the content is resized to the browser. I don't want that because the links that go across the top pile up on each other making it look unacceptable.

Anyway, that's what I want to do.

Again, I working with Dreamweaver.

Thanks for the response.

mike t.

 

Answer 3 / 5

Submitted 240 days ago...

Bagger335

Bagger335

New User (6)

What you can do is this:

Open up dreamweaver and create a new page.

Choose: Page Designs (CSS)

Then choose: Halo Left Nav

Create that page from the template.

Then preview it in a browser. Then resize the browser and you'll see the content will resize to the browser size. I want to that template's content to not resize when the browser is resized.

Thanks for the response.

mike t.

 

Answer 4 / 5

Submitted 240 days ago...

mahalo

mahalo

Professor (1,186)

Yup that will work, just FYI - IE 6 will crash when you go to print a page from your site if you use this method, which is one reason I prefer the pure css method, but here is a hack should you see that problem. It took me weeks to figure out what was going on...

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_19111

Good luck!

 

Answer 5 / 5

Submitted 240 days ago...

Bagger335

Bagger335

New User (6)

One more question, if you will.

Your example:

For example <div style="overflow:auto; height:250px; width:300px;"> would be an inline tag.

How would I apply that to the Dreamweaver template I mentioned?

I want to practice with the template.

Thank you for the responses.

mike t.

 
 

Answer This Question Now

If your Answer is chosen as the “accepted” answer, you will earn ongoing royalties on this thread.
Simply type your Answer in the box below and post your answer.

Email Subscriptions

Author adds clarification

All new responses

Related Questions
 

This Question has not been awarded yet.

Post your answer now!