Image jumping out of table randomly on different loads? - html

i am currently at college studying web design and devolpment, i am working on my portfolio and creating a website for someone, (unfinished) if you go to this link.
http://www.mattwoodsfitnessandweightloss.co.uk/
and randomly click a few links [ Home page / About / Our Studio ] multiple times etc you will notice the "about matt woods" sometimes jumps out of the table or completley dissapears all together, i didnt notice it on Firefox because it dosent happen but checked on IE and it seems to only happen on IE, its also happening on a friends IE so its not just mine.
EDIT: here are some screenshots:
Can anyone help?
Cheers.

Different browser's render the padding and width of the html element differently. so if you want a consistent look across all the browser you should consider adding a reset style sheet to your page.
Download the following stylesheet Download and add it to your webpage.

Related

Website does not render correctly on mobile browser(s) after upload to server

I'm not an expert in web and I composed and updated my website recently. I ran all the test that I could on DreamWeaver CC and tested on multiple mobile devices (tablet, android and iphone); all seems to work fine. Until I uploaded the site to my server, the site start to act weird.
1st problem:
It is a portfolio website with individual pages to corresponding projects. On each project page, the first image on the lightbox has always gone missing; but clicking into the lightbox I can find the missing image (the preview image and the lightbox image share the same source so if the lightbox can find the image it implies that the image is on the server and the path is correct).
2nd problem:
when the browser is shrink below certain size, a toggle menu will replace the content on the header, clicking the toggle menu will show a pop up menu to site links. For some reason, after uploading the site to server, the toggle menu pop up never work.
3rd problem:
The above problem is never apparent on desktop browser(all image shows up correctly; toggle menu works). To make the problem more complicated, I can't confirm if it is device or browser oriented problem. For example, the site works on chrome browser on my iphone and nexus 5(android), but problem occurs on my xperia tablet(android) chrome browser; on my xperia tablet, the site works perfectly on firefox.
Does anybody has any idea what the potential cause to the problem, and perhaps a direction to a solution?
Here's the link to my site: http://www.itsatommy.com
Thank you for your time and look forward to any reply.
Looks fine to me (Google Chrome), you need to use media queries for some certain resolutions. You also need to use some cross browser css tags lide "-webkit, -moz, -o" etc.

Page layout different on 1st load in chrome

I'm trying to get a job as a developer. I've made a personal website to show employers but I've got a bug. Everything is fine in all browsers except Chrome.
On the first load of the page, the navbar layout is messed up. After you hit refresh or navigate to other pages the proper layout is maintained.
I have no idea what is causing this. Can anyone help?
Link to website: www.alexanderisgr8.com
Possibly a caching issue due to an older css. Try doing a hard-refresh [ctrl+f5]?

Upload homepage

i have a question, where i hope someone can guide me.
I have made an homepage, and everything is working great, besides a few things that is miss placed in Firefox, and looks perfect in Chrome.
As well the site, looks abit weird on phones.
www.securehome.nu is the homepage.
Basic knowedge about the homepage
The site is created in Visual Studio
The site is build up around a MasterPage
Info about the problems
- The menu bar have some borders (the lines that splits each menu field from each other, those borders aint positionen the same place in firefox and chrome.
- On the phone, there is a white field in the bottom, even that the wrapper is height 100%, and it works smoothly on computer browsers.
I can easily put the whole site into a winrar document for download if someone wants to try play around with it, and help me what the problem is.
As i can see there is no problem with my both browser they are looking same and there is no responsive view for mobile of your site

website written in HTML using iWeb doesn't show up correctly in different browsers

I have a question regarding how to make the same website appear consistently in different browsers on different platforms.
The following is a website that I made for my professor: http://youlab.wustl.edu/Home.html. The site itself was made using iWeb while the drop down menu was manually inserted using an external HTML code provider (SoThink DHTML).
While Firefox displays the site correctly, all the other browsers had some sort of problem displaying the site.
Internet Explorer: none of the links work
Chrome & Safari: the drop down menu is shifted all the way to the left, and were not clickable since it disappeared when the mouse moved towards it.
The movie on 1 page doesn't work either.
Could someone tell me what is wrong and how to fix the problem?
Here's your answer
http://en.wikipedia.org/wiki/Cross-browser

same page links in iphone mobile safari

Mine is something of a newbie question which I'm hoping someone can shed some light on.
I have a table of contents on my page, with titles which link to sections further down the page.
the targets are created like this;
<a name='appendix'>Appendix</a>
and the links are created like this;
<a href='#appendix'>Jump to Appendix</a>
Now when you tap on the link in iphone safari, it takes you straight there no problem. However if you scroll back to the top, to the ToC, and tap the same link again, the browser does nothing.
Looking at the url I can see #appendix on the end and I assume that tapping the link again, the iphone believes its already at that link, since the url already has #whatever on the end.
Normally I'd be happy to leave it that, but the iPad, Android and Blackberry all behave as I'd expect, ie no matter where you are on the page or whether you'd tapped on the same link previously, they jump to the target section.
One thing I'm thinking about trying is embedding the whole page in a frameset so its url never changes, although being a noob I've no idea whether that'll even work.
Has anyone come across this before? Any ideas?
Thanks
This appears to be an issue with iOS not you. If it has been working on all other devices I am afraid there is nothing you can do except report it to Apple. However, has your iPhone been acting crashy lately, and have you tried it on other iPhones?