Log In · Register

 
 
 Closed TopicStart new topic
blog is in the wrong area, only happens in IE.
xxpolkadots
post Aug 8 2007, 11:05 PM
Post #1


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
http://mybrandofheroin.majestic-skies.net

That's my site. For some reason in IE the blog section goes wacky. I use a Safari and FireFox browser so I never noticed this until a friend pointed it out. I use PHP inserts also, so "view source" wont work. I'll post my coding below:

header:
QUOTE
<html>
<head>
<title>It's Like Tiffany's</title>
<style type="text/css">
</style>
<link rel="stylesheet" type="text/css" href="http://www.mybrandofheroin.majestic-skies.net/skins/audrey.css"/>
</head>
<img src="http://mybrandofheroin.majestic-skies.net/skins/audrey.jpg" usemap="#audrey" width="852" height="512" border="0">

<map name="audrey">
<area shape="rect" coords="320,384,342,395" href="http://mybrandofheroin.majestic-skies.net/me/me.php">
<area shape="rect" coords="389,384,417,395" href="http://mybrandofheroin.majestic-skies.net/visitor/visitor.php">
<area shape="rect" coords="462,384,488,394" href="http://mybrandofheroin.majestic-skies.net/site/site.php">
<area shape="rect" coords="536,380,571,396" href="http://mybrandofheroin.majestic-skies.net">
</map>
<?include($footervar.$skin.$extension);?>


index:
QUOTE
<?include("//home/.charmin/mybrandofheroin/mybrandofheroin.majestic-skies.net/cookiecheck.php");?>
<?include($headervar.$skin.$extension);?>
<div class="content">
<?PHP
$number=1;
include("/home/.charmin/mybrandofheroin/mybrandofheroin.majestic-skies.net/cutenews/show_news.php");?>
</div>


css: mybrandofheroin.majestic-skies.net/skins/audrey.css

Thanks for any input!
 
*themarkster*
post Aug 8 2007, 11:49 PM
Post #2





Guest
The problem simply lies within the HTML structure of your site. I believe Internet Explorer does this due to the overuse of <div> tags, as you might know can be pretty destructive. Here's the part of your source that I think is the problem:

CODE
<div class="content">
<div style="margin-bottom:30px;">
<div><h1>what i should do and what i will do are 2 different things.</h1></div>
<div><h2>Posted on 05 Aug 2007 - <a href="?subaction=showcomments&id=1186348432&archive=&start_from=&ucat=&">7 Comments</a></h2>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; ">YOUR BLOG IS IN HERE .. which I'm cutting off cause it's taking up space. :]

<br><br><p align="center"><< Previous  <strong>1</strong> <a href="?start_from=1&ucat=&archive=&subaction=&id=&">2</a> <a href="?start_from=2&ucat=&archive=&subaction=&id=&">3</a> <a href="?start_from=3&ucat=&archive=&subaction=&id=&">4</a>  <a href="?start_from=1&ucat=&archive=&subaction=&id=&">Next >></a></p><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ --></div>


(I apparently took out your blog content for the sake of this topic.)

See how there's a lot of <div> tags that are being used in here? You should try to limit your use of it. One easy fix that I can see is to remove all of the <div> tags that have no attributes. (By this, I'm referring to all the <div> tags that don't have style="" or align="" and stuff.) These should be removed as they have no effect at all.

Also, where it says:

CODE
<div class="content">
<div style="margin-bottom:30px;">


These could possibly be merged to make:

CODE
<div class="content" style="margin-bottom: 30px">


Then count all of your open <div> tags and close them appropriately at the very end of your page's code.

Hope it helps. _smile.gif
 
xxpolkadots
post Aug 9 2007, 12:05 AM
Post #3


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
all of that is from cutenews i beleive.. except for the very first div, so I don't know how to fix that. I'll give it another look though, thanks.

edt: alright, i edited my cutenews code for full and short story but not for comment pages as I don't know how to go about doing that.. did it work? (I don't use a windows so I don't have IE).
 
*themarkster*
post Aug 9 2007, 12:19 AM
Post #4





Guest
Hmm, I can't see why it's not working ..

(By the way, I think you forgot to add in the 'margin-bottom: 30px' part, unless you left it out on purpose.)

What I would try, then, is put an '!important' declaration in your CSS stylesheet for your 'div.content {}' selector. I would make it so that it's like:

CODE
div.content {
border-bottom: 3px solid #b9d6d7;
position: absolute !important;
top: 470px !important;
left: 10px !important;
width: 550px;
}
 
xxpolkadots
post Aug 9 2007, 12:26 AM
Post #5


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
changed it... did it work?
 
*themarkster*
post Aug 9 2007, 12:38 AM
Post #6





Guest
Nope. It didn't work.

There's something I've noticed though. Your website doesn't have an opening and closing <body> tag or a closing <html> tag. I think you should try putting those in. It's our only hope. fallen.gif
 
xxpolkadots
post Aug 9 2007, 12:49 AM
Post #7


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
where would I place those? sorry, lol
 
*themarkster*
post Aug 9 2007, 12:51 AM
Post #8





Guest
In your HTML code, find the ending </head> tag. Just right after it should be where the beginning <body> tag is. So it should be like:

CODE
</head>
<body>


Then go wayy at the bottom-most part of your website code. The very end should be:

CODE
</body></html>
 
xxpolkadots
post Aug 9 2007, 12:56 AM
Post #9


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
i added it to my header so it looks like this:

QUOTE
<html>
<head>
<title>It's Like Tiffany's</title>
<style type="text/css">
</style>
<link rel="stylesheet" type="text/css" href="http://www.mybrandofheroin.majestic-skies.net/skins/audrey.css"/>
</head>
<body>
<img src="http://mybrandofheroin.majestic-skies.net/skins/audrey.jpg" usemap="#audrey" width="852" height="512" border="0">
<map name="audrey">
<area shape="rect" coords="320,384,342,395" href="http://mybrandofheroin.majestic-skies.net/me/me.php">
<area shape="rect" coords="389,384,417,395" href="http://mybrandofheroin.majestic-skies.net/visitor/visitor.php">
<area shape="rect" coords="462,384,488,394" href="http://mybrandofheroin.majestic-skies.net/site/site.php">
<area shape="rect" coords="536,380,571,396" href="http://mybrandofheroin.majestic-skies.net">
</map>
<?include($footervar.$skin.$extension);?>
</body></html>


does it work?
 
*themarkster*
post Aug 9 2007, 01:01 AM
Post #10





Guest
You did the <body> part right.

But the </body></html> part should go at the very end of your index file, rather than your header file.

(Don't be sorry, btw. I'm here to help. thumbsup.gif)
 
xxpolkadots
post Aug 9 2007, 01:05 AM
Post #11


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
lol, thanks :)
I changed it and added it to my index.. does it look alright now? and should I add that at the bottom of every content page now?
 
*themarkster*
post Aug 9 2007, 01:07 AM
Post #12





Guest
WOW. I think I found the problem! XD.gif

In your index file, look at where it says:

CODE
<div class="content">


Add a closing </div> tag before it, so it looks like:

CODE
</div><div class="content">
 
xxpolkadots
post Aug 9 2007, 01:15 AM
Post #13


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
*crosses fingers*
did it work?
 
*themarkster*
post Aug 9 2007, 01:19 AM
Post #14





Guest
That's odd. The whole content area moved just to the right of the sidebar now. But I think you have a little flaw in your CSS.

Go back to your 'div.content {}' selector. See where it says 'margin-left: 10px !important'? I think you accidentally put the word margin in there. So change it so it looks like 'left: 10px !important' instead.
 
xxpolkadots
post Aug 9 2007, 01:25 AM
Post #15


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
took margin out :)
 
*themarkster*
post Aug 9 2007, 01:27 AM
Post #16





Guest
It works! biggrin.gif
Congratulations.
 
xxpolkadots
post Aug 9 2007, 01:29 AM
Post #17


Member
**

Group: Member
Posts: 24
Joined: Aug 2007
Member No: 557,875
OMG I LOVE YOU!! Thank you so much lol, I have been dealing with this issue for forever. dance.gif biggrin.gif happy.gif
 
*themarkster*
post Aug 9 2007, 01:35 AM
Post #18





Guest
No problem at all. I'm glad I was able to help. _smile.gif

Feel free to post again if you come across another problem.

Bye bye, topic.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic