Log In · Register

 
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!
 
 
Start new topic
Replies
*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
 

Posts in this topic
xxpolkadots   blog is in the wrong area   Aug 8 2007, 11:05 PM
themarkster   The problem simply lies within the HTML structure ...   Aug 8 2007, 11:49 PM
xxpolkadots   all of that is from cutenews i beleive.. except fo...   Aug 9 2007, 12:05 AM
themarkster   Hmm, I can't see why it's not working .. ...   Aug 9 2007, 12:19 AM
xxpolkadots   changed it... did it work?   Aug 9 2007, 12:26 AM
themarkster   Nope. It didn't work. There's something I...   Aug 9 2007, 12:38 AM
xxpolkadots   where would I place those? sorry, lol   Aug 9 2007, 12:49 AM
themarkster   In your HTML code, find the ending </head> t...   Aug 9 2007, 12:51 AM
xxpolkadots   i added it to my header so it looks like this: QU...   Aug 9 2007, 12:56 AM
themarkster   You did the <body> part right. But the ...   Aug 9 2007, 01:01 AM
xxpolkadots   lol, thanks :) I changed it and added it to my ind...   Aug 9 2007, 01:05 AM
themarkster   WOW. I think I found the problem! In your in...   Aug 9 2007, 01:07 AM
xxpolkadots   *crosses fingers* did it work?   Aug 9 2007, 01:15 AM
themarkster   That's odd. The whole content area moved just ...   Aug 9 2007, 01:19 AM
xxpolkadots   took margin out :)   Aug 9 2007, 01:25 AM
themarkster   It works! Congratulations.   Aug 9 2007, 01:27 AM
xxpolkadots   OMG I LOVE YOU!! Thank you so much lol, I ...   Aug 9 2007, 01:29 AM
themarkster   No problem at all. I'm glad I was able to help...   Aug 9 2007, 01:35 AM


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