Cannot stop element overlap - html

I recently created a blog with the help of Wordpress, i got myself a standard theme and edited this into something i like.
Now i only have 1 issue and that is whenever you shrink the window and it reaches about half of the screen stuff starts to overflow because the header and picture inside the posts won't resize any further with it.
I tried googling so many solutions, tried so many but i cannot get it to work.
If anyone could help me find out what i should have and where i should put it, it would save me ><
You can see the website at Link
Thanks in advance.

Related

How to stop elements moving when resizing the broswer

I am a beginner and I have a project to finish it's to make a similar page as wikipedia, however, I am about to give up, just when I thought I finally wrote the code and tried to revise the browse / move it from the corner either every element follows the browser movement or it messes everything up, After many googling I even tried the WRAPPER thing as it is given in the code , please help
jsfiddle.net/gpe4jn0k here is the code

How to edit HTML of a single page in Wordpress

(General Kenobi).
Alright, enough fun lets get to the point. I have a question about Wordpress for you guys and I hope you can help me with it. My theme supports an image as an "ad" which you can place below header (menu) and above content on the site. It is not a background, you can set BG of a page and then in theme options add image to be shown.
The problem is, this picture is now on every page, article, everywhere on site. I can live with that but I would like to know if its possible to somehow change HTML or something of a single WordPress page and replace the logo with the different image? I clearly can't do that in editor as it supports only one image for everything so that's why I'm asking to try out code change. I tried to get to the HTML but in WP Editor it shows only a few lines of PHP code.
As I'm typing this I'm realizing some huge problems it might have but I'll post this anyway, maybe some of you will have a great tip :) Thanks for helping me out in any way!
Michal

Iframe is wrong displayed ONLY on FIREFOX

Im havin a big problem.
Im programming a website for a company in germany.
Since there are so many sites on the page i took an iframe in my index.html file instead of using a div tag because this would need a lot more time since i need to write the div stuff on every page.
Every Browser like IE,Chrome,Opera and also Safari shows the website like i want it to be shown.
But Firefox shows the iframe part in a small window in the left upper side of the window.
So you cant see any content or even 100x bigger than normally and in a quite small window.
So do I have to change anything in my code or do i need to add something?
The bigger problem is actually that the man who is able to start the server doesnt want to start it for let the website goin online because that doesnt work on firefox.
He explained the problem to me that way. but my program (mirabyte) shows everything in the right way (ALSO FIREFOX) so what can I do now because I need to let him try every small change i will do. So it would be nice if anyone does know the EXACT answer because he or she already had the problem.
Any ideas?
Thank you so much
Sasse
Make sure that if you have the iframe in any sort of container, that container also has the applicable height attribute. Also make sure that the iframe height is applied to both the HTML and the body tags.
Beyond that, we would have to see the part of your code where you're declaring the iframe to say anything more specific.

FireFox and Chrome display different html page

I'm a newbie and I have tried hard to get out a page.
After many trail and error this page finally looks "ok" though some of the part I don't know how I get it "right"
But when my page is opened in Firefox its bloody twisted! the table jumped out of boundary.
here is the format in chrome and IE(which is right)
and this is the format in firefox
the table shift out of the container and shift up.
I've search about use css reset but I dun't know how to do it,(what should I add to where)
or I should edit my html or css?which part of css I need to edit?
thanks in advanceļ¼
I have solved this by put all shifted table into a container to fix them.
and it works! thanks guys for helping me.

iframe resize issue in firefox

i know this is so basic ,its so basic that it hurts me to ask this question but the issue is starting to make my hair too fall out lol.
i'm making a liquid website so everything resizes,so far so good...my page has a couple of iframes ,they will resize just great in i.e using % for height and width but when it comes to firefox only the width will resize and not the height ,the frame ends up pushing over my tables and making the whole thing look wrong
does anyone have a fix/solution to this please.
thanks to everyone that tried to help ,it was a bit vauge i managed to solve it in the end simply by
putting the iframe i wanted inside a layer/div set the layer to absolute and size it in % and then add the iframe inside the layer worked a treat for all browsers.