I'm having troubles with the site i'm creating, whenever i adjust the web page(ctrl + mouse wheel), all the elements were moving out of their places. I don't know and how do i fix this?

Recommended Answers

A simple solution would be to place all the elements inside a division that has a fixed width

Jump to Post

what I meant by fixed width is the width attribute of the division has a set value i.e. width:700px; which you can freely change or do you mean that it should have dynamic changes whenever the user zooms or scrolls?

Jump to Post

All 7 Replies

A simple solution would be to place all the elements inside a division that has a fixed width

But what if i'm not comfortable with the fixed width and i want to change it a little? Little to my desired look?

what I meant by fixed width is the width attribute of the division has a set value i.e. width:700px; which you can freely change or do you mean that it should have dynamic changes whenever the user zooms or scrolls?

No, it will not change or move out of their places when the user adjust, zoom, scroll or whatever you call it. Cause it's like this.. For example i have a logo and beside right of it is a text word "mcdonalds" that has a margin-left from the logo of 5px. Whenever i adjust the page, zooming out(ctrl + mouse wheel), the word is like moving out of its place like getting to nowhere. Like 500px wide from the logo.

ok then same answer as before, put every element in a division
it'll look something like this

        <body>
            <div id = "main">
                <div id = "logo">...</div>
                <div id = "text">...</div>
                ...
            </div>
        <body>

where in its css the width of main is constant e.g. 900px

Nice! Thank you so much :)

Nice! Thank you so much :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.