Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 05-15-2008, 02:35 AM   PM User | #1
twilight85
New Coder

 
Join Date: Nov 2007
Posts: 32
Thanks: 0
Thanked 0 Times in 0 Posts
twilight85 is an unknown quantity at this point
How do I move the Content Div up?

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.

Last edited by twilight85; 05-15-2008 at 09:29 AM..
twilight85 is offline   Reply With Quote
Old 05-15-2008, 08:33 AM   PM User | #2
twilight85
New Coder

 
Join Date: Nov 2007
Posts: 32
Thanks: 0
Thanked 0 Times in 0 Posts
twilight85 is an unknown quantity at this point
Hi, I have altered this template:
http://www.maxdesign.com.au/presenta...ongcontent.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?
twilight85 is offline   Reply With Quote
Old 05-15-2008, 11:13 AM   PM User | #3
jhaycutexp
Regular Coder

 
Join Date: Apr 2008
Location: Manila, Philippines
Posts: 249
Thanks: 2
Thanked 12 Times in 12 Posts
jhaycutexp is an unknown quantity at this point
try adding these to the style sheet
Code:
*{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... ^__^

Last edited by jhaycutexp; 05-15-2008 at 11:17 AM.. Reason: wrong spelling...
jhaycutexp is offline   Reply With Quote
Old 05-15-2008, 12:51 PM   PM User | #4
twilight85
New Coder

 
Join Date: Nov 2007
Posts: 32
Thanks: 0
Thanked 0 Times in 0 Posts
twilight85 is an unknown quantity at this point
Quote:
Originally Posted by jhaycutexp View Post
try adding these to the style sheet
Code:
*{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
twilight85 is offline   Reply With Quote
Old 05-15-2008, 02:14 PM   PM User | #5
jhaycutexp
Regular Coder

 
Join Date: Apr 2008
Location: Manila, Philippines
Posts: 249
Thanks: 2
Thanked 12 Times in 12 Posts
jhaycutexp is an unknown quantity at this point
try to adjust the width of the #container.. add about 1px or two.. to accommodate the #content..
jhaycutexp is offline   Reply With Quote
Old 05-15-2008, 09:00 PM   PM User | #6
twilight85
New Coder

 
Join Date: Nov 2007
Posts: 32
Thanks: 0
Thanked 0 Times in 0 Posts
twilight85 is an unknown quantity at this point
I made a separate style for IE 7, the following works for IE 7:
Code:
<!--[if IE]>
<style type="text/css">
#content {

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

</style>
<![endif]-->
But I had to modify it for IE 6

Code:
<!--[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;
twilight85 is offline   Reply With Quote
Old 05-15-2008, 09:06 PM   PM User | #7
BabyJack
Regular Coder

 
BabyJack's Avatar
 
Join Date: Apr 2008
Location: Somewhere.
Posts: 602
Thanks: 43
Thanked 6 Times in 6 Posts
BabyJack is an unknown quantity at this point
ug.

Use this:

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


BabyJack
__________________
Enlightenment in Coding
Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype
BabyJack is offline   Reply With Quote
Old 05-16-2008, 03:13 AM   PM User | #8
jhaycutexp
Regular Coder

 
Join Date: Apr 2008
Location: Manila, Philippines
Posts: 249
Thanks: 2
Thanked 12 Times in 12 Posts
jhaycutexp is an unknown quantity at this point
This clears left and right spaces of a div...


.classname{clear:both} or

#idname{clear:both}
jhaycutexp is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 04:01 PM.


Advertisement
Log in to turn off these ads.