|
| |
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
 |
Positioning problems - probably simple, but???? - 5/10/2005 7:10:00
I've started a site at http://www.maranoa.org.au/agent/index.htm, and I'm trying to get it right before I add content. Here are my probs:
1. I want the whole block in the centre of my screen.
2. There sometimes appears a white space down the left hand side - I'd like to ditch that.
3. If you mouse over the menu bar, the menu "moves", and the white space that was down the side, disappears
4. there's a little white space above the footer - I want the nav section to go down to the footer.
5. I'd like to centre the image in the content section.
Also, I'd to add 2 boxes as sections below the image - small areas for teaser type content. I was going to try rounded corners, but I'm not even sure how to get the boxes there in CSS.
Here's my CSS:
body
{
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #CCCCBB;
width:760px;
text-align: center;
}
#container
{
margin: 1em 5%;
background-color: #FFF;
background-image: url(images/background.jpg);
background-repeat: repeat-y;
border: 1px solid #333;
text-align:left;
}
#banner
{
background-color: #999966;
border-bottom: 1px solid #333;
}
#banner h1
{
margin: 0;
padding: .5em;
}
#nav
{
float: left;
width: 260px;
margin-left: 0px;
background-color: #DDDDCC;
padding-top: 1em;
margin-bottom: 0px;
}
#nav p {
margin-top: 0;
margin-left: 10px;
}
#content
{
padding-top: 1em;
margin: 0 2em 0 200px;
}
#content h2 { margin-top: 0; }
#footer
{
clear: both;
background-color: #999966;
padding: 1em;
text-align: right;
border-top: 1px solid #333;
}
/*Menu is below*/
#menu{
font: 12px Verdana, Arial, Helvetica, sans-serif;
width: 190px;
margin: 0%;
padding: 0px 0px 0px 5px;
margin-top:0px;
margin-bottom:30px;
position: float;
margin-left: 30px;
top: 126px;
}
#menu a{
padding: 0px 0px 0px 5px;
display: block;
color: #000;
border: 1px solid #999900;
border-left: 20px solid #999966;
background-color:#Cdc7AD;
text-decoration: none;
line-height:18px;
border-top-color: #D5D500;
}
#menu a:hover{
border: 1px solid #999900;
border-left: 20px solid #f3f3f3;
background-color:#DDDDCC;
color:#000;
text-decoration: none;
}
#menu ul li a{
list-style-type:none;
}
/* images*/
.floatright { float: right; }
.floatleft { float: left; }
Thanks.
Paul
BTW I viewed these errors in IE 6.0
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
|
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/10/2005 7:17:54
Fixed them I think. Characters from pasting from Programmers Notepad to the BB.
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/10/2005 7:26:53
That didn't work. It did appear to fix the image.
I applied it to the div container - now everyting within the container appears to be centred.
< Message edited by paul rayner -- 5/10/2005 7:34:45 >
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/10/2005 8:16:58
that fixed a couple of probs.
cheers
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/11/2005 3:05:00
Thanks
sort of got it fixed. Still messy - any advice, esp from a professional, would be welcome.
Used a div called top, to centre the image.
#top
{
width:80%;
text-align: center;
margin-top: 1011;
}
It doesn't appear to do much - I must have made an error.
Thanks for taking the time.
Cheers
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/11/2005 6:16:34
Jaybee, you're awesome. Your right, I do want to learn. And the toolbar for Firefox is brilliant.
That''s why I keep coming back to Outfront - the most helpful group of people I've ever dealt with.
Thanks.
Now off to fix this mess
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/11/2005 8:16:58
Wow - it all becomes a bit of a nightmare after a while. In Firefox, you should be able to see that it's kinda there. But everything in the div "content" is pushed way to the bottom. I can't see how I can fix that - I can't nest the div's differently - not that I can think of.
The div on the left - "nav", I thought the colour would run right to the bottom, without the gap. It had a bottom margin of "0".
Then in IE - the content is pushed way down the page. Do I need to search for an IE work around for divs? Or have I missed something really basic?
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/11/2005 10:27:07
quote:
Keep a notepad by the bed ...tried that.... but in my drowsiness, kept confusing notepad with kleenex tissues - indecipherable in the morning
_____________________________
Dan
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/11/2005 16:05:15
Thanks again. I did think about the clear as I lay in bed. Should have gotten up. So, Firefox is just about sorted. What a mess for the rest of the world who are'nt yet enlightened.
It's all way down the page in IE6?
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/12/2005 5:18:56
Thanks heaps. It's on hold till later tonight or tomorrow - I'm snowed under now.
Can't wait to beat it though - I won't let it win.
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Positioning problems - probably simple, but???? - 5/14/2005 20:53:10
Hi Jaybee, I think I finally cracked it for both IE and Firefox. Not sure how the purists might see it - I altered the div for where the picture sits to 95% rather than 100%.
It did validate for both CSS and XHTML - before I started adding some content - lot of tidying up etc - but no-one much knows it's there yet.
Thanks for all your help - some great tricks you showed me. I reloaded the web accessibility toolbar for IE - and it can do similar things as the Firefox one.
Again - your awesome.
Cheers
Paul
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
