PDA

View Full Version : Please help me with my sidebar!!!!!


fairybusiness
04-01-2009, 04:51 PM
I have had this problem forever, whenever I want to put something into my sidebar it always has space at the top. I have tried so many ways to remove the padding and margin, setting them 0, and everything else I can think of to have my objects or words align to the top. Here is a picture of it in dreamweaver (the way I want it!) http://fairybusiness.fatcow.com/dreamweaver.jpg
and here is a picture of how it appears on the web http://fairybusiness.fatcow.com/dream_web.jpg (the way I dont want it!).

here are my codes as well:

.thrColLiqHdr #sidebar1 {
float: left; /* this element must precede in the source order any element you would like it be positioned next to */
width: 126px; /* since this element is floated, a width must be given */
background: #EBEBEB; /* top and bottom padding create visual space within this div */
height: 540px;
padding: 0px 0px 0px 0px;
}

If anyone knows how I can remove this space and have all things align to the very top, please tell me how!!!! Thanks :-D

mangofreak
04-01-2009, 05:35 PM
We need more than that. Where is the code for the menu? does it have margin or paddding top? or perhaps other html elements?


I have had this problem forever, whenever I want to put something into my sidebar it always has space at the top. I have tried so many ways to remove the padding and margin, setting them 0, and everything else I can think of to have my objects or words align to the top. Here is a picture of it in dreamweaver (the way I want it!) http://fairybusiness.fatcow.com/dreamweaver.jpg
and here is a picture of how it appears on the web http://fairybusiness.fatcow.com/dream_web.jpg (the way I dont want it!).

here are my codes as well:

.thrColLiqHdr #sidebar1 {
float: left; /* this element must precede in the source order any element you would like it be positioned next to */
width: 126px; /* since this element is floated, a width must be given */
background: #EBEBEB; /* top and bottom padding create visual space within this div */
height: 540px;
padding: 0px 0px 0px 0px;
}

If anyone knows how I can remove this space and have all things align to the very top, please tell me how!!!! Thanks :-D

Corrosive
04-01-2009, 06:02 PM
I have had this problem forever, whenever I want to put something into my sidebar it always has space at the top. I have tried so many ways to remove the padding and margin, setting them 0, and everything else I can think of to have my objects or words align to the top. Here is a picture of it in dreamweaver (the way I want it!) http://fairybusiness.fatcow.com/dreamweaver.jpg
and here is a picture of how it appears on the web http://fairybusiness.fatcow.com/dream_web.jpg (the way I dont want it!).

here are my codes as well:

.thrColLiqHdr #sidebar1 {
float: left; /* this element must precede in the source order any element you would like it be positioned next to */
width: 126px; /* since this element is floated, a width must be given */
background: #EBEBEB; /* top and bottom padding create visual space within this div */
height: 540px;
padding: 0px 0px 0px 0px;
}

If anyone knows how I can remove this space and have all things align to the very top, please tell me how!!!! Thanks :-D

OK, I think it is due to the Internet Explorer 'fix' you have in your styles. In Chrome and Firefox the sidebar displays as you intended. However, this bit...

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->


Is telling IE (Internet Explorer) to put padding at the top of your sidebar for some reason. See I have highlighted the offending code. I don't know the exact reason it is in there but you could set the style to padding-top: 0px; and see if it throws a wobbly. I reckon it will be OK.

Give it a try :)

fairybusiness
04-01-2009, 11:24 PM
I set all of the padding and margin for my spry menu to 0 by the way. I tried to do what you said, or at least I think I did:

.thrColLiqHdr #sidebar1 {
float: left; /* this element must precede in the source order any element you would like it be positioned next to */
width: 126px; /* since this element is floated, a width must be given */
background: #EBEBEB; /* top and bottom padding create visual space within this div */
height: 540px;
padding: 0px 0px 0px 0px;
padding-top: 0px;
}

But still it did not work, it looks the same in internet explorer :(

fairybusiness
04-01-2009, 11:26 PM
Oh no I figured it out! DUH! Geez I was being silly, ok I found where that grey wording was, and is done right now. THANK YOU SO MUCH CORROSIVE!!!!!!!!!!!

mangofreak
04-01-2009, 11:27 PM
can we see the whole code?

Corrosive
04-02-2009, 06:24 AM
THANK YOU SO MUCH CORROSIVE!!!!!!!!!!!

No problem at all. :)

from_atlantis
06-06-2009, 09:43 AM
No problem at all. :)

Hey...this helped me out too...exact same problem...

...MANY THANKS CORROSIVE!!

Corrosive
06-06-2009, 12:44 PM
Two birds...one stone. Nice 8-)