Viewing Widen my website
Widen my website
User: Kelly 10 years ago
|
|
Hi, I just noticed that my website is extremely skinny online. It does not take up the entire screen. I have tried to widen the page using the inspector but that does not help. My website is in the middle of the page with a lot of white space on both sides and it does not look right. Please help. Check it out here: www.kellymcgrifflaw.com | |
User: Christopher 10 years ago
|
|
The page width is defined by your margins. What is your content width set at? Generally people go with 980px but this is entirely subjective. Just amend to your liking and then change for every page.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
Screen Shot 2013-11-26 at 9.21.31 AM.png pagelayout |
|
User: Paul-RAGESW 10 years ago
|
|
Can you show a screenshot of what it looks like in EverWeb so I can better understand what the issue is. You can take a screenshot by holding down the COMMAND and SHIFT keys on your keyboard and then pressing the number 3. An image file will appear on your desktop, please post it here by pressing the Advanced tab. ------------------------------- Paul EverWeb Developer |
|
User: Jumbo T. 10 years ago
|
|
<meta name="viewport" content="width=800" /> To solve the problem, resize the browser window to the same width as your page. Or make you page wider. And then hope your visitors will do the same. It's a common phenomena. You'll see it often in parking lots. Small car have lots of space, while large cars can barely park between the lines. Last edit 10 years ago |
|
User: Kelly 10 years ago
|
|
I tried to wide the content width. That did not work. I do not want my website to look like its floating in the middle of a white page and widening the margins did not solve the problem. It only shifted my site to the right of the page but it does not fill in the entire web page like other sites (and my prior iweb) site. | |
Screen shot 2013-11-26 at 12.52.57 PM.png |
|
User: Christopher 10 years ago
|
|
Quote: It only shifted my site to the right of the page I believe this is a clue. What is your Page Layout set at? You have the options of Centred, Dynamic or Left. Mine are set at Centred and I do not have the problem that you're having. edit: If changing the setting doesn't solve your problem, I'd post a screenshot of what things look like in EverWeb – with Show Layout selected under Window. Make sure Page Details is showing in Inspector. Last edit 10 years ago ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
User: Kelly 10 years ago
|
|
Below is what my settings are set out and my website views as shown in the screenshot above. It looks to just be floating in the middle of the screen rather than extending across the entire screen. Also below please see what happens when I extend the width with a screen shot of the inspector window and my website. By the way, is there a way to resize the Everweb window? Now that takes up my entire screen and I have to hide my toolbar to get to the options on the bottom and its quite frustrating. Thanks! |
|
Screen shot 2013-11-26 at 2.56.58 PM.png |
|
User: Kelly 10 years ago
|
|
My screenshots wouldnt post. This is if I widen my page.
Last edit 10 years ago |
|
Screen shot 2013-11-26 at 3.07.54 PM.png |
|
User: Kelly 10 years ago
|
|
Sorry for all these posts, for some reason, although it gives me the option to attach several things at 1 times, it will only post one of them multiple times. Here are my original settings. | |
Screen shot 2013-11-26 at 3.12.00 PM.png |
|
User: Kelly 10 years ago
|
|
Here are my widened settings. | |
Screen shot 2013-11-26 at 3.12.59 PM.png |
|
User: Kelly 10 years ago
|
|
This is how my site appears with the widened settings. | |
Screen shot 2013-11-26 at 3.07.54 PM.png |
|
User: Roddy 10 years ago
|
|
You need to show the layout by using the Window menu or do Shift/Command/L so that you can see the dividing line between the content and the browser background. Then drag your content to stretch it out horizontally to fill the extra space you have added by increasing the content width. I would tend not to use a content width as wide as 1200px as some visitors with narrow screens may have to scroll horizontally and most people detest doing that thing! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Christopher 10 years ago
|
|
Why is her content centred when set to 800px wide, but justified left when set at 1200px though? You must've designed it perfectly for 800 and maybe need to realign if you do decide to widen. Because it looks to me like your Safari preview is exactly the same as what you have in EW. No? ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
User: Kelly 10 years ago
|
|
1200 stretches perfectly across my computer screen but I hate having to scroll left and right to read things also. Roddy, what width would you suggest? I guess maybe I did design it for 800 Christopher. That was what was the original setting when I started so I never messed with it until now. | |
User: Roddy 10 years ago
|
|
The "standard" width is 980px. Here's some page layout guidelines... http://everwebcodebox.com/layout/page-layout.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
Post Reply |
You must login or signup to post. |