Topic: Overlapping In IE Window (Page 1 of 1)

I have a blog whereby you can edit the HTML to change the appearance of your blog template. This was all fine and well with thanks to Skaarjj, but what he didnt do is put in whatever it is into the code to prevent everything from overlapping when the IE window is made narrower or reduced in size.

How can I stop things from overlapping, instead adjusting themselves vertically to fit into the narrowed IE window? Is there any particular code for it?

"You know you have been doing 3d too long when you walk into a church and think, "God, the polycount of this place must be huge!"

That's about as vague as could possibly be.

There is no "don't-overlap-stuff-in-IE" property. We'd need to see the code, and preferably a working example of the problem.

~Cough~Link???~cough~

------------------------------
Do something usefull: support Justice for Pat Richard

The problem lies with my blog

"You know you have been doing 3d too long when you walk into a church and think, "God, the polycount of this place must be huge!"

(Edited by Luxo_Jr on 05-12-2004 13:15)

I guess no one knows or does and havent bothered to reply. Ah well, Ill just leave it as it is.

"You know you have been doing 3d too long when you walk into a church and think, "God, the polycount of this place must be huge!"

The major problem here is the horizontal lines which you've made by using underscores ( _____ ). They're stretching the width of the central div. You should replace those with some sort of border-top or border-bottom of a div or h1/h2/h3/etc. Alternatively, you can specify a width for the central div and apply some sort of overflow property to it (width:100%; with overflow:hidden; works in IE, but I think that may behave differently on other browsers).

Secondly, notice that when your window is shrunk to smaller sizes (like 800x600), there's still some overlapping. I would suggest replacing your percentages with specific numbers, like maybe 150px or some number of em's or something, so that at smaller sizes the divs don't overlap.

Good luck.


 

Yep, slime nailed it there. things like this

<br /><br /><br /><br /><br /><br />          ...       

<br /><br /><br /><br /><br />

_______[edit by slime: removed some text to avoid stretching problems]_____

<br />

Are a travesty of markup, honestly.

Those <br>'s should be replaced with the appropriate padding/margin in your CSS, that line of '_'s should be replaced with an <hr> or a border, as SLime suggested.

That will solve most of your problem right there. If any problems do still persist, you can address the width settings, but I don't think that'll be needed really.

(Edited by Slime on 05-17-2004 04:08)