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

 

CCS trouble

 
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 >> CCS trouble
Page: [1]
 
concho pearl

 

Posts: 61
Joined: 3/13/2007
Status: offline

 
CCS trouble - 4/6/2007 0:02:23   

My CCS looks different in FF and in IE > FF is looking fine, but IE is way off.

http://outdoorsmansa.com/bragboard/
Tailslide

 

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

 
RE: CCS trouble - 4/6/2007 4:53:12   
At the moment you've got your header div set at 108px in your stylesheet but it's a lot larger than that. Try setting that to the actual height and IE might behave itself better (not sure why FF is actually!).

_____________________________

"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 concho pearl)
concho pearl

 

Posts: 61
Joined: 3/13/2007
Status: offline

 
RE: CCS trouble - 4/6/2007 11:56:45   
Thanks, that help, one other problem.

FYI - I did not write this script, and CCS are new to me , but learning fast,... I'm still having a little trouble reading the script. On to the problem, though.....

The line on the right had side the should go down the side where PAGES, Archives etc....how to I move it down and maybe make it longer to go down the page more.

Also any ideas on why my text looks good in FF and is totally different in IE?

(in reply to Tailslide)
jaybee

 

Posts: 14157
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CCS trouble - 4/6/2007 12:43:55   
This will make the sidebar align properly I've added clear:both, at the moment the content at the bottom is jogging left

I've taken the border off the content and added it to the sidebar along with some padding. I've left the lines in there and just zeroed the line size so you can add one back if required.

#content {
font-size: 1.2em;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #7D5B38;
text-align: justify;
clear:both;
}

#sidebar {
width: 200px;
margin-left: 540px;
padding-right: 0px;
padding-left: 10px;
padding-top: 20px;
border-left:1px solid #7D5B38;
}

The reason is you have two divs next to each other and they have their own height depending on what they contain. The line was stopping short because the container was shorter than the sidebar. Remember these are divs and not tables, they are independent of each other.

You might find it helps while developing to set the background colour to something different for each div so you can see where they are.

add a line background-color:#f00;

for red for example.

Oh and your css should be in lower case.

www.w3schools.com/css/

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to concho pearl)
concho pearl

 

Posts: 61
Joined: 3/13/2007
Status: offline

 
RE: CCS trouble - 4/6/2007 14:03:29   
thanks that really worked for both browers.

I was able to be move the sidebar over by changing margin-left:540px to 640px - again it looks great in FF but in IE it throws it down the page.

#sidebar {
WIDTH: 200px;
margin-left: 640px;
PADDING-RIGHT: 0px;
PADDING-LEFT:10px;
PADDING-TOP: 20px;
border-left:1px solid #7D5B38;

(in reply to jaybee)
concho pearl

 

Posts: 61
Joined: 3/13/2007
Status: offline

 
RE: CCS trouble - 4/7/2007 12:04:29   

I must have found the problem , it's looking fine in both browers now
Thanks for all the help!!!

(in reply to concho pearl)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CCS trouble
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