PDA

View Full Version : Resolved Excessive space above the page.



effpeetee
Mar 25th, 2009, 11:22 AM
I am slowly modifying my home site. But I am obviously not at my best today and I cannot find what I have done wrong with this page (http://exitfegs.co.uk/four.html).:confused:

I seek enlightenment. (Don't we all?):D

Frank

Things are more like they are now than they ever were before. - Dwight D. Eisenhower.

RomanTaylor
Mar 25th, 2009, 11:28 AM
I think this could be your problem:


#content{
float: left;
width: 29%;
margin: 6% 0 0 3%;
font-size: 0.8em;
color: #000;
}

Change it to:


#content{
float: left;
width: 29%;
margin: 6px 0 0 3%;
font-size: 0.8em;
color: #000;
}


Let me know if it will work.
Thanks.

effpeetee
Mar 25th, 2009, 11:41 AM
Sorry, but it makes no difference. The spare at the top is much greater than 6%.
It is probably something silly, (my sight is not too good.) but I just can't find it.

Thanks for your help. Keep trying for me.

Frank

abduraooft
Mar 25th, 2009, 11:45 AM
#caption {/*four.html (line 31)*/
bottom:5%;
font-size:1em;
margin-left:27%;
margin-top:58%;
text-align:center;
}
I think you need to place that caption div inside the image div, like

<div id="image">
<a href="index.html"><img src="img152.jpg" alt=""/></a>
<div id="caption"> <br/>
Thank you for all the sunshine.
</div>
</div>
which is not currently.

effpeetee
Mar 25th, 2009, 12:26 PM
I had to alter the div to this to get it right.



#caption{clear:right;
text-align: center;
margin-left:27%;
margin-top:0.5em;
font-size:1em;
}


I do not understand it and the margin-top does not appear to engage. It seems not to make any difference.
I would really welcome some insight. I just altered everything one at a time until it looked right. I'm sure there is still something that I am missing. (apart from the brain cells):D

with this page (http://exitfegs.co.uk/four.html).:confused:


Frank

effpeetee
Mar 25th, 2009, 03:05 PM
The odd part of it is that appeared fine in my editor until I made it appear better in the browsers.
I still cannot understand why the alterations that I made adjusted it in the normal browsers, but completely ruined it in my editor.

Will somebody tell me if my code is OK, as is doesn't make sense to me.
I need to use this div as a basis for the rest of my site.

I actually wanted the caption nearer to the picture.

Caption Div is the one. with this page. (http://exitfegs.co.uk/four.html)


#caption{clear:right;
text-align: center;
margin-left:27%;
margin-top:0.5em;
font-size:1em;
}


margin-top:0.5em; - This doen't seem to make any difference.

Frank

abduraooft
Mar 25th, 2009, 03:12 PM
I actually wanted the caption nearer to the picture.It's as simple as

#caption {/*four.html (line 31)*/
bottom:5%;
clear:right;
font-size:1em;
margin-left:27%;
/*margin-top:58%;*/
text-align:center;
}

effpeetee
Mar 25th, 2009, 04:10 PM
It's as simple as

#caption {/*four.html (line 31)*/
bottom:5%;
clear:right;
font-size:1em;
margin-left:27%;
/*margin-top:58%;*/
text-align:center;
}
Thanks abduraooft. This is what finally worked for IE8, Firefox and Safari.
Clearing the floats made the biggest difference.


#caption {clear:right;
clear:right;
font-size:1em;
margin-left:.5%;
margin-top:-0.8em;
text-align:center;
}


I still have problems understanding css. Getting old I'm afraid.

Thanks for your much help always.

Frank