...

View Full Version : How do I move the Content Div up?



twilight85
05-15-2008, 02:35 AM
How do I move the content panel up in my layout http://advancebeautyandnails.com.au/css-temp.htm in IE it has been pushed down. I would like that picture and everything in the right column to move up under the stripey pattern, how do I do it? Any help would be much appreciated.

twilight85
05-15-2008, 08:33 AM
Hi, I have altered this template:
http://www.maxdesign.com.au/presentation/two-columns/final_longcontent.htm to create this layout:
http://advancebeautyandnails.com.au/css-temp.htm

I am still having trouble moving that content panel up...anyone please help?

jhaycutexp
05-15-2008, 11:13 AM
try adding these to the style sheet


*{margin:0;
padding:0;
}


i think this is because of default paddings. that is why the #content is pushed down in your layout..

seriously man.. i think you should remove those freaking tables..

what a way to layout your site... tables inside a div.. good job... ^__^

twilight85
05-15-2008, 12:51 PM
try adding these to the style sheet


*{margin:0;
padding:0;
}


i think this is because of default paddings. that is why the #content is pushed down in your layout..

seriously man.. i think you should remove those freaking tables..

what a way to layout your site... tables inside a div.. good job... ^__^


Thanks for that. I tried it but it still didn't work :(

jhaycutexp
05-15-2008, 02:14 PM
try to adjust the width of the #container.. add about 1px or two.. to accommodate the #content..

twilight85
05-15-2008, 09:00 PM
I made a separate style for IE 7, the following works for IE 7:


<!--[if IE]>
<style type="text/css">
#content {

background-color: #ffffff;
width: 742px;
}

</style>
<![endif]-->


But I had to modify it for IE 6



<!--[if IE 6]>
<style type="text/css">
#content {

background-color: #ffffff;
width: 739px;
}

</style>
<![endif]-->


In IE6, How do I get rid of the space between the left and right column? The left column is already 203px;

BabyJack
05-15-2008, 09:06 PM
ug.

Use this:

margin-top: #;
magin-bottom: #;


BabyJack

jhaycutexp
05-16-2008, 03:13 AM
This clears left and right spaces of a div...


.classname{clear:both} or

#idname{clear:both}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum