Re: FN-FORUM: Another CSS question

date posted 23rd August 2003 16:30

On 23 Aug 2003 15:17:54 -0000, The Chridmeister [EMAIL REMOVED]
wrote:



> In IE, the text appears inside the pink box. In Moz and Firebird, it
> appears below the box. Dur?? I'm quite obviously misunderstanding a key
> point of CSS, can anyone give me a clue?
>

Hi

try adding a height declaration to the div and you'll find your links
inside it. (no I don't know why!)

Couple of questions for you.

why not just have the links inside the div instead of inside p's? you can
give a link a class too.

you have placed them inside paragraphs which in your code example are not
styled therefore they will use the default style of the browser.

You have also floated them - I see why, but floats bring up a whole load
of issues that you have to be careful with.

you've also mixed the style declarations between the style sheet and the
html - not good practice since it can make bug hunting very tricky in a
big site.



if it were me I'd have done this:

.shoutsmallerleft {
color: #000000;
font-size: 1.1em;
font-weight: bold;
float: left;
}

.shoutsmallerright {
color: #000000;
font-size: 1.1em;
font-weight: bold;
float: right;
}

#boxbottom {
background: #EE88EE;
padding: 15px;
width:40%;
height: 25px;
vertical-align: top;
}

#boxbottom p{
margin:0;
padding:0;
}





Back to main page
Links





Note that netscape and IE handle padding differently depending on doctype.

HTH

Tony






--
http://www.xebit.net/

Sent with M2, Opera's revolutionary e-mail client:
https://secure.bmtmicro.com/opera/buy-opera.html?AID=627923