I am trying to get the sections of my site to span the full width of the screen. I had it running but something has gone wrong. The site is at:
http://tahoe-luxury-properties.com/index2.html
It has to be something simple, but I can't figure it out. Any suggestions? Thanks so much. -Beth
There's margin of 8px in the body.
Remove the margin and you are good to go.
screenshot
Related
Just click any post to see what I mean, here's
I want to either:
1.make whole site pushable by scrollbar, so header and body have even widths
or
2.make whole site not pushable by scrollbar.
How can I do that? Maybe its because my header is 100% of width, while my body is fixed value (i think it is, dont remember).
Any help appreciated, ive been working on this website css for 2 weeks and my brain already wanted to give up
thanks #TheFrozenOne yeah that was it. i thought i added padding on post pages as well (and i did) but i added it to wrong div.
I fixed it already.
PS, sorry for not providing code.
Link: http://shahinlertour.com
I have problem with index page: bottom scroll. I want to remove it and fix page width like on other pages for example on http://shahinlertour.com/batumi-tour.html
Can't find what is the reason of this problem. Please help.
If you could send a snippet of the css for the scrollbar that would help answer you question much better. However from what it seems based off the code it's coming from the offline tab at the bottom and played with the styling and had gotten it work while making the width 100% and margin 0, but again it would be easier to give a better answer with your code.
Here's my code: http://pastebin.com/gjyKH5hD
Live example: http://rusti.dk/test/
I honestly don't know what I'm doing wrong. I've been fiddling with this for days now. I thought it was a simple task, apparently not for me. Would really appreciate a bright mind to help me out.
Basicly all I'm trying to make is two divs next to each other centered on the page. With a 1px black border going all the way around and inbetween.
Left box: 350px width, 600px min-height, used to display facebook like box.
Right box: 450px width, 600px min-height, used for the content of the page.
Background: One big image.
Could anyone help me out? I think it's the FB-likebox that might be the troublemaker, but I'm really not sure. :/
You've missed one closing </div> for the left box.
See: http://jsfiddle.net/2qj5a/
I've added it in line 12.
I'm learning HTML & CSS, and I'm having an issue.
My page is already built : a header, some blocks, a footer. Very simple, I'm a beginner.
I'd like the footer to stay fixed on the bottom until it reaches a limit situated 50px under the last block (if we scale the viewport). Then it should just stay there like a normal block... But I can't figure out how to make it happen!
Could you help me, please?
By the way, I speak French : if something isn't clear enough, please tell me and I'll try to explain.
Thank you in advance for your help,
Adrien.
There are many different ways to handle this with purely CSS.
Firstly Twitter Bootstrap has a nice means of doing this. Link is here
Or you could use the CSS Sticky Footer See here
The key is to create a negative bottom margin in the main container, using the exact height you want your footer to be.
I hope this helps.
I have a strange whitespace on the webpage I'm helping design for my friend and I don't know how to get rid of it. The website isn't even done so hopefully this doesn't count as advertising: http://mow4me.com/
Can someone tell me why this is happening because I've been looking at the elements with Chrome's dev tools and nothing seems to be sticking out...
EDIT: the website looks proper in IE...
Your .chart-step is inheriting its width of 100% from its parent (#chart-wrapper).
This 720px width, combined with your left position of 400px is your issue.
just define its width:
.chart-step { width:192px}