 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
quartzy
Joined: 26 Dec 2007
Posts: 413
|
 Posted: Sat Feb 09, 2008 5:50 pm div problems |
 |
|
|
I am starting a new web and am having a problem, The divs are in a container and a content div. But they do not line up right, if I adjust the width so it all fits the container, the navigation goes off the content div.
The footer is under the navigation. I cannot work it out.
| Code: |
#container {
width: 750px;
height: 100%;
margin: auto;
background: #000000;
text-align: left;
}
#header {
height: 113px;
width: 750px;
background-image: url('images/header.gif');
background-repeat: no-repeat;
border-bottom: 3px solid #000099;
margin: 0;
padding: 0;
}
#content {
width: 750px;
background: #000000; }
#leftcontent {
width: 150px;
float: left; }
#center {
width: 374px;
float: right;
display: inline;
height: 1%;
position: relative; }
#rightcontent {
width: 214px;
float: right;
padding: 3px;}
.menu{
list-style-type: none;
margin: 2px 0 0 2px;
padding: 0;
width: 150px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;}
.menu li a{
background: white url('images/list1.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;}
* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}
.menu li a:visited, .menu li a:active{
color: white;
}
.menu li a:hover{
background-image: url('images/list2.gif');
}#centercontent {
width: 750px;
float: left;
background: #000000;
color: #FFFFFF;
padding: 3px;
display: inline;
height: 1%;/* combat IE's 3 pixel jog */}
p {
font-family: Verdana;
font-size: 0.88em;
color: #FFFFFF;
padding-bottom: 20px;}
}
#footer {
clear: both;
height: 40px;
text-align: center;
background: #000000;
font-size: 0.75em; }
#footer p {
padding-top: 15px;}
|
and the html
| Code: |
<body>
<div id="container">
<div id="header"></div>
<div id="content">
<div id="rightcontent">
<h1>'Eyecatching Art'</h1>
<p>Here you can view the creative work of Steve Glynn. An artist based in
Streatham, London, U.K. Steve creates large papier and mosaic sculpture. Whether
its a giant 3ft papier mache goldfish or an amazing life size mosaic bulls head,
one things for sure, it's Eye Catching Art! All work is for sale, please contact
Steve for further information.</p>
<p>Enjoy!</p>
</div>
<div id="center"><img alt="steve with fish" src="images/imgB0.jpg" /></div>
<div id="leftcontent">
<ul class="menu">
<li><a href="mosaic.htm">Mosaic </a></li>
<li><a href="papier.htm" >Papier Mache </a></li>
<li><a href="exhibited.htm">Exhibited work</a><a href="studio.htm">Studio</a></li>
<li><a href="guestbook.htm">Guest Book</a></li>
<li><a href="contacts.htm">Contact Me</a></li>
<li><a href="links.htm">Links</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="workshops.htm" style="border-bottom-width: 0">Workshops</a></li>
</ul></div>
</div>
<div id="centercontent">
<h1>About the Artist</h1>
<p>Hello there, my names Steve and I've built
this site to basically show off some of my artwork. I've always been interested
in creating stuff and find its a great way to switch off. Its great to just get
totally immersed in the creative process.</p>
<p>My work suits many environments, from
pubs, clubs, restaurants and cafes to large public spaces like hospitals or
shopping centres. Imagine a whole shoal of the giant goldfish on a mobile in a
library for instance. Or how about a unique mosaic sculpture in the company
reception area. Equally, for the home, in the garden, the conservatory, maybe a
beautiful mosaic fish in the bathroom? If you see anything on the site which
you're particularly interested in do get in touch. Or alternatively if you have
an idea for a piece you'd like to commission, again please get in touch.</p>
<p><a href="about.htm">Read about my art history</a></p>
</div>
<div id="footer">
<p>ŠEyecatchingArt 2004-2008</p>
</div></div>
</body>
I know I post a lot but I do appreciate any help with this. |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
|
quartzy
Joined: 26 Dec 2007
Posts: 413
|
| Posted: Sun Feb 10, 2008 3:29 am re |
|
|
|
| I did manage to line it up in the end. The layout I am using is not mentioned anywhere. I just find divs a problem to use. thanks for the link though |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
