There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
black screen blue screen boot bsod computer connection crash css dell display driver drivers email error explorer firefox firefox 3 hard drive internet internet explorer itunes laptop lcd malware monitor network networking nvidia outlook outlook 2003 outlook express password printer problem problems ram router security slow software sound sprtcmd.exe trojan usb video virus vista windows windows xp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Solved: using css to dislay images problem


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

Closed Thread
 
Thread Tools
aconite's Avatar
Senior Member with 173 posts.
 
Join Date: Feb 2006
Experience: Intermediate
06-Jun-2007, 11:15 AM #1
Solved: using css to dislay images problem
hi,

why is it that the footer for http://www.christinebec.com/About%20...ditorials.html is not at the bottom and my #wrapper doesn't also stretch down (the background color for the wrapper is #FFFBE8) when viewed in firefox. Also when I view this page in IE there is a bright blue border around each image and the footer & #wrapper are also not further down, why?
the CSS is below:

body {
background-color: #fffef9;
font-family: "Century Gothic";
font-size: 62.5%;
color: #000000;
font-weight:normal;
height:auto;
}

#wrapper {
background-color:#fffbe8;
height:auto;
width:750px;
margin-right:auto;
margin-left:auto;
}

#content {
height:auto;
background-color:#fffbe8;
width:750px;
}

#CB header {
height:165px;
width:750px;
}

#menu a
{
font-size:2.0em;
font-family: "century gothic";
width:750px;
background-color:#fffbe8;
text-decoration:none;
color:#ff0000;
font-weight:normal;
}

#maincontent {
height: auto;
width: 100%;
font-size:1.2em;
color:#000000;
}

h1 {
font-size:1.4em;
color:#000000;
font-family:"Century Gothic";
font-weight:normal;
background-color:#fffbe8;
margin-left:5%;
}

h2 {
font-size:1.2em;
color:#000000;
font-family:"Century Gothic";
font-weight:normal;
margin-left:5%;
}

p {
margin-left:5%;
font-size:1.2em;
}

#footer {
background-color: #fffbe8;
font-family:"Century Gothic";
font-size:0.6em;
font-weight:normal;
height: auto;
width: 100%;
text-align:center;
color:#000000;

}

#menu-container {
background-color:#fffbe8;
}

a {
text-decoration:none;
color:#000000;
}

p.marginleft {
margin-left:40%;
line-height:140%;
font-size:1.2em;
}

#content {
margin-left: auto;
margin-right: auto;
color: #000000;
text-decoration: none;
height:auto;
}

div.spacer {
clear: both;
}

div#positioning {
display:block;
width:750px;
height:1000px;
left:15px;
padding:0 0 0 20px;
}

.boxItem {
float:left;
margin:20px 0 0 40px;
}

.boxItem2 {
float:left;
margin:20px 0 0 20px;
}

.boxItem3 {
float:left;
margin:20px 0 0 50px;
}

the html is:

<div id="top">
<p><h2><a href="index.html">Profile</a></h2>
<h2><a href="#picture">Selected editorial coverage</a></h2>
<h2><a href="#catalogue">Catalogues</a></h2>
<h2><a href="christine_bec_for_biba.html">Christine Bec for BIBA</a></h2></div>

<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="contents">
<h2><a name="picture" id="picture"></a>Selected Editorial coverage</h2>
</div>
<p>Click on image to see a larger version, in the larger version, hover over
image & click on icon to <br/>your right to expand the picture or click on image
itself to also expand the picture</p>

<p>&nbsp;</p>


<div id="positioning">

<div class="boxItem">
<a href="../images/vogue%20oct%202005%20big.png"><img src="../images/vogue oct 2005 small.png" alt="Vogue October 2005" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20big.png"><img src="../images/vogue small.png" alt="Vogue"></a></div>

<div class="boxItem">
<a href="../images/untitled%20pic%206%20big.png"><img src="../images/untitled pic 6 small.png" alt="unknown mag or date" /></a></div>

<div class="boxItem2">
<a href="../images/vogue%20nov%201997%20big.png"><img src="../images/vogue nov 1997 small.png" alt="Vogue November 1997" /></a></div>

<div class="boxItem2">
<a href="../images/marie%20claire%20sept%201998%20big.png"><img src="../images/marie claire sept 1998 small.png" alt="Marie Claire September 1998"/></a></div>

<div class="boxItem">
<a href="../images/pop%20mag%202003%20big.png"><img src="../images/pop mag 2003 small.png" alt="Pop mag 2003"/></a></div>

<div class="boxItem">
<a href="../images/vogue%20sept1%20big.png"><img src="../images/vogue sept1 small.png" alt="Vogue September"/></a></div>

<div class="boxItem">
<a href="../images/telegraph mag sept06 big.png"><img src="../images/telegraph mag sept06 small.png" alt="Telegraph mag 2007" /></a></div>

<div class="boxItem">
<a href="../images/elle%20oct%202006%20big.png"><img src="../images/elle oct 2006 small.png" alt="Elle Oct 2006" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20may%20big.png"><img src="../images/vogue may small.png" alt="Vogue May" /></a></div>

<div class="boxItem">
<a href="../images/marie%20claire2%20mar%201997%20big.png"><img src="../images/marie claire2 mar 1997 small.png" alt="Marie Claire March 1997" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20sept%20big.png"><img src="../images/vogue sept small.png" alt="Vogue September" /></a></div>

<div class="boxItem">
<a href="../images/dutch%20septoct%201999%20big.png"><img src="../images/dutch septoct 1999 small.png" alt="Dutch mag Sept/Oct 1999"/></a></div>

<div class="boxItem">
<a href="../images/dutch2%20septoct%201999%20big.png"><img src="../images/dutch2 septoct 1999 small.png" alt="Dutch mag Sept/Oct 1999" /></a></div>

<div class="boxItem">
<a href="../images/elle%20feb%201997%20big.png"><img src="../images/elle feb 1997 small.png" alt="Elle February 1997" /></a></div>

<div class="boxItem">
<a href="../images/untitled%20pic2%20big.png"><img src="../images/untitled pic2 small.png" alt="unknown mag or date" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar small.png" alt="Twinkle Twinkle Little Tzar" /></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar3 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar2 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar4 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar5 small.png" alt="Twinkle Twinkle Little Tzar" /></div>

<div class="boxItem">
<a href="../images/amica%20nov%201997%20big.png"><img src="../images/amica nov 1997 small.png" alt="Amica November 1997"/></a></div>

<div class="boxItem">
<a href="../images/amica2%20nov%201997%20big.png"><img src="../images/amica2 nov 1997 small.png" alt="Amica November 1997" /></a></div>

<div class="boxItem">
<a href="../images/harpers&queen%20jan2003%20big.png"><a href="../images/harpers&queen%20jan2003%20big.png"><img src="../images/harpers&queen jan2003 small.png" alt="Harper&Queen Jan 2003" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20dec%202001%20big.png"><img src="../images/vogue dec 2001 small.png" alt="Vogue Dec 2001" /></a></div>

thanks
WendyM's Avatar
Distinguished Member with 2,533 posts.
 
Join Date: Jun 2003
07-Jun-2007, 05:41 PM #2
Hi aconite,
Have you worked on this since you posted the question? I don't think I'm seeing the problems you're describing.
Closed Thread

THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
WELCOME TO TECH SUPPORT GUY! Are you looking for the solution to your computer problem? Join our site today to ask your question -- for free! Our site is run completely by volunteers who help people like you solve computer problems. See our Welcome Guide to get started.



Thread Tools


You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 11:12 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.