CCS trouble (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

concho pearl -> 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 -> 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!).



concho pearl -> 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?



jaybee -> 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/



concho pearl -> 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;



concho pearl -> 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!!!



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875