Topic: Overlapping In IE Window Pages that link to <a href="https://ozoneasylum.com/backlink?for=21757" title="Pages that link to Topic: Overlapping In IE Window" rel="nofollow" >Topic: Overlapping In IE Window\

 
Author Thread
Luxo_Jr
Maniac (V) Inmate

From: Stuck inside a Pixar short film
Insane since: Apr 2001

IP logged posted posted 05-11-2004 17:37 Edit Quote

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!"

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 05-11-2004 17:42 Edit Quote

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.

Rinswind 2th
Maniac (V) Inmate

From: Den Haag: The Royal Residence
Insane since: Jul 2000

IP logged posted posted 05-12-2004 08:06 Edit Quote

~Cough~Link???~cough~

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

Luxo_Jr
Maniac (V) Inmate

From: Stuck inside a Pixar short film
Insane since: Apr 2001

IP logged posted posted 05-12-2004 13:12 Edit Quote

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)

Luxo_Jr
Maniac (V) Inmate

From: Stuck inside a Pixar short film
Insane since: Apr 2001

IP logged posted posted 05-16-2004 06:42 Edit Quote

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!"

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 05-16-2004 07:02 Edit Quote

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.


 

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 05-16-2004 16:01 Edit Quote

Yep, slime nailed it there. things like this

code:
<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)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu