8 Replies - 1188 Views - Last Post: 10 August 2009 - 10:39 PM

#1 drewhannay  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 07-July 09

How to Make IE show completely different page

Posted 01 August 2009 - 09:22 AM

I would like to know how to make Internet Explorer 7 and lower show a completely different web page than any other browser. Can someone explain to me how to do this?
Is This A Good Question/Topic? 0
  • +

Replies To: How to Make IE show completely different page

#2 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 1147
  • View blog
  • Posts: 7,133
  • Joined: 07-September 06

Re: How to Make IE show completely different page

Posted 01 August 2009 - 09:38 AM

If ou have access to PHP you can truly do this (have the server redirect them). However you can do this with Javascript as well, just look up navigator and use window.location to redirect them.
Was This Post Helpful? 0
  • +
  • -

#3 drewhannay  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 07-July 09

Re: How to Make IE show completely different page

Posted 01 August 2009 - 10:12 AM

View PostBetaWar, on 1 Aug, 2009 - 08:38 AM, said:

If ou have access to PHP you can truly do this (have the server redirect them). However you can do this with Javascript as well, just look up navigator and use window.location to redirect them.


I do have access to PHP, but I know almost nothing about it. What code would I use to do that?
Was This Post Helpful? 0
  • +
  • -

#4 PsychoCoder  Icon User is offline

  • Google.Sucks.Init(true);
  • member icon

Reputation: 1639
  • View blog
  • Posts: 19,853
  • Joined: 26-July 07

Re: How to Make IE show completely different page

Posted 01 August 2009 - 10:45 AM

Take a look at the PHP function get_browser(), then with the results act accordingly.

[rules][/rules]
Was This Post Helpful? 0
  • +
  • -

#5 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: How to Make IE show completely different page

Posted 01 August 2009 - 08:08 PM

Ok first off - ditto to psycho coder's post.

Second - look at MS's conditional comments, allows you to target each version of IE or the browser all together - if you want more help than that - post your code.

http://msdn.microsof...512(VS.85).aspx

--

Greg
Was This Post Helpful? 0
  • +
  • -

#6 drewhannay  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 07-July 09

Re: How to Make IE show completely different page

Posted 02 August 2009 - 10:21 PM

Ok, I understand your points, but I really know NOTHING about PHP. I've never used it before. But it doesn't matter, I found out I need to fix my problem rather than avoid it. My site is here. In Internet Explorer 7 and also it looks like any version of Firefox below 3.5, the "Our Season..." links are messed up. The boxes and the text don't line up right.

Here's the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home | Kankakee Valley Theatre Association</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">

<!--Start Header-->

<div id="header"><img class="cushycms" src="images/webheader09 2 copy.jpg" alt="Header" />
</div>

<!--Start Navbar-->

<div id="navbar">
<div class="navLink"><a href="index.php">Home</a></div>
<div class="navLink"><a href="comingperformances.php">Events &amp; Tickets</a></div>
<div class="navLink"><a href="donoropportunities.php">Donor Opportunities</a></div>
<div class="navLink"><a href="membership.php">Membership</a></div>
<div class="navLink"><a href="getinvolved.php">Get Involved</a></div>
<div class="navLink"><a href="affiliations.php">Affiliations</a></div>

<div class="navLink"><a href="kvtainfo.php">KVTA Info</a></div>
</div>

<!--Start Home Page Content-->

<div id="homeContent">
<h1>Currently Featuring...</h1>
<div class="homeLeft">
<div class="homeTop">
<div class="nowPlaying"> <img src="images/show1.jpg" alt="Now Playing" width="320" height="390" border="0" class="cushycms" />
</div>

<h2><span class="cushycms"><a href="http://server9.fusednetwork.com/~kvtaorg/show1.php">Charlotte's Web<br />

The Musical</a></span></h2>
<span class="director"><span class="cushycms">Directed by Pat Ward</span></span>
<br />
<span class="theatre"><span class="cushycms">Lincoln Cultural Center</span></span>
<br />
<br />
<strong><span class="cushycms">October 17th, 7:00pm<br />
October 18th, 2:00pm</span><br />
</strong><br />
<span class="description"><span class="cushycms">&quot;Charlotte's Web is the classic account of friendship, trust, and sacrifice, as the bond between Wilbur the pig and Charlotte the spider sets the pace for this heartwarming story...&quot;</span>
</span>

<br />
<br />
<span class="moreinfo"><span class="cushycms"><a href="http://server9.fusednetwork.com/~kvtaorg/show1.php">More Info...</a></span></span>
</div>

<div class="homeBottom">
<div class="nextUp"> <img src="images/miracle.jpg" alt="Next Show" width="320" height="320" border="0" class="cushycms" />
</div>
<h2><span class="cushycms"><a href="http://server9.fusednetwork.com/~kvtaorg/show2.php">Miracle On 34th Street</a></span></h2>
<span class="director"><span class="cushycms">Directed by Paula Sutter<br /></span></span>
<span class="theatre"><span class="cushycms">Lincoln Cultural Center</span></span>
<br />

<br />
<strong><span class="cushycms">November 14th, 7:00pm<br />
October 15th, 2:00pm<br />
November 21st, 7:00pm<br />
November 22nd, 2:00pm<br /></span><br />
</strong>
<span class="description"><span class="cushycms">&quot;Miracle on 34th Street tells the story of a cheerful old man with a trim white beard named Kris Kringle. He is forced to give up his room...&quot;</span>
</span>
<br />
<br />
<span class="moreinfo"><span class="cushycms"><a href="http://server9.fusednetwork.com/~kvtaorg/show2.php">More Info...</a></span></span>

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


<h2>Our Season...</h2>
<div class="homeRight">
<div class="season"><a href="show1.php"><img src="images/show1.gif" alt="Show 1" width="90" height="60" border="0" class="cushycms" /></a>
  <div class="seasonText"><a href="show1.php"><span class="cushycms">Charlotte's Web</span></a><br />
<span class="seasonDate"><span class="cushycms">October 17th &amp; 18th</span></span></div></div>

<div class="season"><a href="show2.php"><img src="images/show2.gif" alt="Show 1" width="90" height="60" border="0" class="cushycms" /></a>
  <div class="seasonText"><a href="show2.php"><span class="cushycms">Miracle on 34th Street</span></a><br />
<span class="seasonDate"><span class="cushycms">November 14th, 15th, 21st, 22nd</span></span></div></div>
<div class="season"><a href="show3.php"><img src="images/show3.gif" alt="Show 1" width="90" height="60" border="0" class="cushycms" /></a>
  <div class="seasonText"><a href="show3.php"><span class="cushycms">A Few Good Men</span></a><br />
<span class="seasonDate"><span class="cushycms">February 20th, 21st, 27th, 28th</span></span></div></div>
<div class="season"><a href="show4.php"><img src="images/show4.gif" alt="Show 1" width="90" height="60" border="0" class="cushycms" /></a>
  <div class="seasonText"><a href="show4.php"><span class="cushycms">Seussical Jr.</span></a><br />
<span class="seasonDate"><span class="cushycms">March 27th &amp; 28th</span></span></div></div>

<div class="season"><a href="show5.php"><img src="images/show5.gif" alt="Show 1" width="90" height="60" border="0" class="cushycms" /></a>
  <div class="seasonText"><a href="show5.php"><span class="cushycms">TBA in November</span></a><br />
<span class="seasonDate"><span class="cushycms">April 24th, 25th, 30th, May 1st, 2nd</span></span></div></div>
<br />


  <center>
	<a href="calendar.php"><img src="images/calendar.gif" alt="Rehearsal Calendar" width="300" height="255" border="0" /></a>
  </center>
</div>

</div>

<!--Start Footer-->

<div id="footer">
Copyright &copy; Kankakee Valley Theatre Association
</div>
</div>
</body>
</html>



And here's the CSS:
@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	line-height: 1.5em;
	background-color: #e9ecf9;
}
#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 950px;
	background: #ccd9e4;
	position: relative;
}
#header {
	height: 120px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background-color: #0C0;
	position: relative;
	width: 950px;
}
#navbar {
	background-color: #698090;
	padding: 0px;
	height: 25px;
	margin: 0 auto;
}



.navLink {
	float: left;
	width: 135px;
	color: #FFF;
}
.navLink a {
	text-decoration: none;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.8em;
}


#sidebar {
	float: left;
	width: 150px;
	background-color: #ccd9e4;
	text-align: right;
	padding-right: 6px;
}
#sidebar a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .8em;
}

.sideLinks {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #698090;
	margin: 25px auto;
	padding-right: 5px;
}
h1 {
	font-style: italic;
}
h2 {
	font-style: italic;
}

#homeContent {
	text-align: left;
	padding: 20px;
}
.homeLeft {
	width: 600px;
	float: left;
}
.homeLeft h2 {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.director {
	font-size: 1.1em;
	font-weight: bolder;
}
.theatre {
	font-size: 0.9em;
}
.description {
	font-size: 0.8em;
}
.moreinfo {
	font-style: italic;
}


.homeBottom {
	clear: both;

}

.nowPlaying {
	width: 350px;
	background-color: #698090;
	float: left;
	margin: 0px 15px;
}
.nowPlaying img {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.nextUp {
	width: 350px;
	background-color: #698090;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 50px;
	margin-left: 15px;
}
.nextUp img {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
}




.homeRight {
	width: 270px;
	padding: 0px 10px;
	float: right;
}


.season {
	height: 60px;
	width: 290px;
	margin: 5px 0px;
	float: right;
}
.seasonText {
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #300;
	float: right;
	height: 60px;
	font-size: 1.1em;
}
.seasonDate {
	font-size: .7em;
}









#content {
	background-color: #ccd9e4;
	margin-left: 150px;
	text-align: left;
	padding: 20px;
}
#footer {
	height: 30px;
	background-color: #698090;
	clear: both;
}


Was This Post Helpful? 0
  • +
  • -

#7 drewhannay  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 07-July 09

Re: How to Make IE show completely different page

Posted 04 August 2009 - 07:50 PM

Anyone have any idea what's wrong here?
Was This Post Helpful? 0
  • +
  • -

#8 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: How to Make IE show completely different page

Posted 04 August 2009 - 08:42 PM

Out of curiosity - why aren't you using a table for your season section? You are creating a tabular data type section.

Also - you should put all of your season stuff into the homeRight div.

You should create columns and that as much as you can keep you content in those columns. Also, you should try to avoid the div soup that you have within each .season div.

I suggest using a table here, you could do it with divs but since it is tabular data it is correct to use tables.
Was This Post Helpful? 0
  • +
  • -

#9 JMM75  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 29-December 08

Re: How to Make IE show completely different page

Posted 10 August 2009 - 10:39 PM

You could try the IE margin fix located here.

Or ... you could write separate CSS for the areas needing realigned and place a conditional statement in you css file links located in the head section. I believe Greg already pointed you toward conditionals so i wont bother posting redundant info.

Hope that helps. :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1