The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Issues with compatiblity
kotton
post Sep 15 2006, 05:58 PM
Post #1





Group: Members
Posts: 2
Joined: 15-September 06
Member No.: 143
Hey guys im pretty new at all this, i took a class at school on html and css and learned alot of this stuff but there is so many little tricks and methods to fix issues that i really dont want to do it much but I need to finish my portfolio site and the only option I have is handcoding in crimson editor and using my css anthology book. Well on to the main problem I have a great looking layout in firefox but when i put it in IE it throws my nav from the left to the right. Im gonna past all the code HTML first and CSS second hope that its ok to paste it all, its usually better to see all then just a bit. rolleyes.gif

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" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<title>Portfolio for Bryan Fritz</title>
</head>
<body>
<div id="nav">
<ul>
<li><a href="index.html">Design</a></li>
<li><a href="index2.html">Photography</a></li>
<li><a href="index3.html">Print</a></li>
</ul>
</div>
<h2>Design</h2>
<ul id="albumlist">
<li><img src="images\audi.jpg" alt="" width="300px" height="225px" />An Advertising Concept.<br> Program used Photoshop</li>
<li><img src="images\audi2.jpg" alt="" width="300px" height="225px" />Another Advertising Concept <br> Program used Photoshop</li>
<li><img src="images\frizzle.jpg" alt="" width="300px" height="225px" />Unconventional Logo <br> Program used Photoshop</li>
<li><img src="images\logos.jpg" alt="" width="300px" height="225px" />Logo Ideas <br> Illustrator and Photoshop</li>

</ul>
</body>
</html>

CSS

body {
background-image: url(images/portfoliosite.jpg);
background-repeat: no-repeat;
background-position:top left;
}
h2 {
float: absolute;
margin-top:20px;
margin-left:860px;
margin-bottom:10px;
width: 45px;
}
#nav {
position: absolute;
margin-top: 75px;
margin-left:-5px;

}
#nav ul{
list-style: none;
}
#nav ul li{
margin-bottom: 30px;
}

#albumlist {
list-style-type: none;
margin-top: 60px;
margin-left:240px;
width: 850px;
}
#albumlist li {
float:left;
margin-top: 10px;
margin-right: 10px;
}
#albumlist img {
display:block;
}


Thanks for any help or suggestion that may come in the future Bryan
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
kotton   Issues with compatiblity   Sep 15 2006, 05:58 PM
pandy   Hi! :P Why do you use an XHTML doctype when...   Sep 15 2006, 06:20 PM
kotton   Thanks I cant say that with a quick read I underst...   Sep 15 2006, 06:32 PM
pandy   XHTML has a slightly different syntax than HTML. M...   Sep 15 2006, 06:53 PM

« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

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

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 21st May 2024 - 11:13 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC