navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

main div not aligning to the top

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> main div not aligning to the top
Page: [1]
 
ncriptide

 

Posts: 15
Joined: 10/2/2007
Status: offline

 
main div not aligning to the top - 1/20/2008 19:16:24   
Could someone please take a look at the internal pages of this site and tell me why the main content div won't go up to the top. It seems to always stay below the left side div, no matter what I do. The problem is seen on Windows using IE 6 and 7. Looks okay on a Mac using Firefox.

http://www.catawbacounseling.com/docs/victoria.html

Any advice for a newbie css developer would be GREATLY appreciated.
matt_f

 

Posts: 30
Joined: 1/17/2008
From: Sterling Heights, MI
Status: offline

 
RE: main div not aligning to the top - 1/20/2008 20:54:04   
im not an expert on css but from the looks of the source code, you are using external scripts - post the external css code on here so people can see the alignment properties (mainly for <div id="content"> and im certain someone will be able to help

~Matt~

(in reply to ncriptide)
caz

 

Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: main div not aligning to the top - 1/20/2008 21:08:56   
Try this -
#content {
	background-color:#879197;
	color:#FFFFFF;
	/*width: 360px;*/
	margin: 0;
	padding:10px 5px 10px 260px;
	/*border:thick solid #FFFFFF;*/
	}


Removing the width from #content will allow the natural flow of the document and it will just fill the space available in the #contentwrapper.

You may want to adjust your padding on the right side though. It looked OK in Firefox on the pc, but as usual IE has a little trouble with sizing.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to matt_f)
Tailslide

 

Posts: 5771
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: main div not aligning to the top - 1/21/2008 2:16:21   
I generally find it easier to float stuff due to the IE messing about issue.

If the above doesn't work for you in FF and IE then try this:

#contentwrapper {
   width:630px;
   background-color: #879197;
   border: thick solid #FFFFFF;
   margin:0 0 0 75px;
   padding:0;
   overflow:hidden;
}
#content {
   float:right;
   background-color:#879197;
   color:#FFFFFF;
   width: 360px;
   padding:10px 5px 10px 0;
   }


_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to caz)
d a v e

 

Posts: 3937
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: main div not aligning to the top - 1/21/2008 2:40:00   
by the way - that's a nice looking site! but, it's uncomfortable having 2 pictures of you as the eye tries to focus in 2 places at the same time - i would suggest replacing the top next to the house with another image or keep it as text (i just realised that it's part of your navigation...)

oh and your copyright symbol doesn't display properly (http://www.w3schools.com/tags/ref_entities.asp for those sort of things)
you need
&[nospace]copy; (remove the [nospace] bit)

:)



_____________________________

David Prescott
Gekko web design

(in reply to Tailslide)
ncriptide

 

Posts: 15
Joined: 10/2/2007
Status: offline

 
RE: main div not aligning to the top - 1/21/2008 19:04:39   
That's it, CAZ!!!!

Thank you so much . . . I was banging my head against the wall about that for hours and all I had to do was NOT put in a width?!

This stuff is going to drive me mad . . . . but thanks Caz, and everyone that responded. I really appreciate all of your help. Hope I can do the same one day.

Reggie

(in reply to caz)
ncriptide

 

Posts: 15
Joined: 10/2/2007
Status: offline

 
RE: main div not aligning to the top - 1/21/2008 19:07:06   
Dave,

Thanks for catching that on the copyright symbol. . . didn't even notice it. . . thanks!

Reggie

(in reply to d a v e)
caz

 

Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: main div not aligning to the top - 1/22/2008 5:10:45   
You are welcome Reggie, sometimes the simple approach is the best with CSS.
Carol

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to ncriptide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> main div not aligning to the top
Page: [1]
Jump to: 1





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