I am trying to work with divs instead of tables and am having some difficulty.
Here is my link...
http://www.dgssi.com/new-humbertown/
Could someone give me some help with this?
Thanks.
If you want the content to center in the page use this on #main_container:
margin:0px auto;
I am not sure what align:center does, but the above CSS will work for you. HTH
Related
I have a problem with this project https://alina12g.github.io/capstone-colmar/ and I can't understand why the header is "missing" even if it's fixed if I scroll to middle of the page. As well for mobile version I have a margin that make me scroll to the right. Can anyone advise please?
Thank you!
You can try giving the header desktop-header and mobile-header a z-index:5.
Correct your CSS class ".desktop-header" in file:"/resources/css/style.css".
Add {z-index:100;}
Give it a z-index > 1
z-index: 9;
i have messed my site responsiveness or something, i don't know how, but it is now a bit scrolled out.
can anyone take a look and tell me what seems to be the problem?
link to website
I appreciate any help.
Thanks in advance.
Dor.
Your section#services is overflowing. Add this rule to your styles to prevent this div from scrolling.
section#services{
overflow-x: hidden;
}
I know that there are a lot of questions and answers about that, but still I can't figure out how to apply to my website. Problem is when zooming out page divs are moving where they don't belong.
Here is picture: http://prnt.sc/c1fz87
Live: http://minecube.lt/paslaugos/
CSS: http://pastebin.com/aCgUyZxV
HTML: http://pastebin.com/WgrHwXpw
And default bootstrap 3.3.7: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css
Thanks for help in advance! :)
Try to add a background-size to your body style
background-size:cover;
Hope its help you
I have this site:
link
The problem is is that after a certain resolution, my div is not until the end.
Look at the image below to see more clearly what the problem is.
White space appears on the right who do not know where it comes from and how to remove it
Can you please tell me where you think comes this problem?
Thanks in advance!
You are specifying the width of the header/footer.
You have use absolute positioning for a few elements. Eg: the link "dg-design.ch"
Fix : Don't use absolute positioning(or use it carefully), in your case remove the width you have specified.
But I would suggest use bootstrap and rework on the page, since you may find many more issues in compatibility with different screen sizes.
Why don't you try this:
body{
margin:0;
text-align:center;
}
I need a code to align an image to the right and fix it at the same time, so it's "fixed to the right." i can't seem to find how to do this, as I've searched already. Can someone provide me with one?
I prefer html....
use css code
img {postion:fixed;float:right;}
and parent should be position:relative;