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?
Sam367
0
Light Poster
Recommended Answers
Jump to PostA simple solution would be to place all the elements inside a division that has a fixed width
Jump to Postwhat 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?
All 7 Replies
zeroliken
79
Nearly a Posting Virtuoso
A simple solution would be to place all the elements inside a division that has a fixed width
Sam367
0
Light Poster
But what if i'm not comfortable with the fixed width and i want to change it a little? Little to my desired look?
zeroliken
79
Nearly a Posting Virtuoso
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?
Sam367
0
Light Poster
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.
zeroliken
79
Nearly a Posting Virtuoso
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
Sam367
0
Light Poster
Nice! Thank you so much :)
Sam367
0
Light Poster
Nice! Thank you so much :)
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.