Hello
My first post to this list and as a bit of a newbie to
CSS design, I hope I'm not asking a stoopid question!
I've set up my site with a container div that all my
other divs are inside. The container div allows me to
centre the design in the page. At the top of the page
is an image in a div and underneath that, a title in a
div.
Works fine in safari and mozilla but in IE it's doing
funny things. Yesterday, the image and the title
disappeared off to the right side of the page. Today,
it's just the title.....and I don't think I've done
anything to improve things in the meantime. Odd.
Here's the css code:
body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
}
#container {
position: absolute;
margin-left: -375px;
left: 50%;
width: 800px;
}
#image {
background-image:url(/Images/image4.gif);
position:absolute;
margin-left: 0;
margin-top: 0;
width:750px;
height:100px;
}
#title {
position:absolute;
margin-left: 0;
margin-top:100px;
width:750px;
text-align:left;
}
#nav {
float:left;
margin-top: 140px;
padding:0 0 0 10px;
}
#nav p {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#content {
float:left;
margin-top: 140px;
margin-left:3em;
width:27em;
padding: 0 8px 0 8px;
}
#content p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#rightside {
float:left;
width:9em;
margin-top:140px;
height:20em;
margin-left:10px;
}
And the code for the page:
<body>
<div id="container">
<div id="image"></div>
<div id="line"></div>
<div id="title"><h1>London Gay Symphony
Orchestra</h1></div>
<div id="nav">
<p>Home</p>
<p>Concerts</p>
<p>Playing</p>
<p>Hiring us</p>
<p>Become a Friend</p>
<p>Sponsorship </p>
<p>Advertising</p>
<p>Press office</p>
<p>Contact us</p>
<p>Volunteering</p>
<p>Accessibility</p>
</div>
<div id="content"><h2>Home</h2><p>The London Gay
Symphony Orchestra is the only lesbian, gay, bisexual
and transgender orchestra in the UK. Not only that,
but we're straight-friendly too! </p>
<p>The Orchestra was formed as a musical home for the
large number of gay and lesbian musicians who wanted
to combine their music and social lives. The
atmosphere in the Orchestra is a mix of commitment
and
hilarity and our concerts have an electrifying energy
that players unanimously agree they do not
experience in other orchestras. </p>
<p>The Orchestra prides itself on being run by its
members, for its members. The music we play is chosen
by the people in the orchestra and we hold concerto
auditions and compossor auditions every year for
both orchestra members and non-members alike. </p>
</div>
<div id="rightside">
<div class="box"><h2>Next Concert</h2><p><a
href="">World AIDS Day concert, 3 December,
2006</a></p></div>
<div class="box">
<form method="post"
action="http://freecharity.org.uk/cgi-bin/mailman/subscribe/lgso-announce";>
<p>Sign up to receive our email newsletter
<input type="text" name="email" size="15" />
</p>
<p> <input type="submit"
name="email-button" value="Subscribe" />
</p>
</form> </div>
<div class="box"><h2>Latest news!</h2>
<p>LGSO gets funding for exchange visit to Paris!
</p>
</div>
<div class="box">
<h3>The LGSO is a registered charity number
1063981.
</h3>
<h3>Patrons: Paul Gambaccini, Amy Lame, Ned
Sherrin,
Rt. Hon. Lord Smith of Finsbury, Clare Summerskill,
Sandi Toksvig.</h3>
</div>
</div>
</div>
</body>
The url of the site is www.lgso.org.uk/index4.html
Any ideas what's going on?
Thanks
Nicole
Send instant messages to your online friends http://uk.messenger.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
