border-color: #003366; border-width: 2px;

Hello,

I´ve defined a div tag like this:

div#news{
top: 100px;
width: 144px;
border-color: #003366; border-width: 2px;
left: 602px;
height: 100%;
}


The border ist defined with:

border-color: #003366; border-width: 2px;

But Firefox does not show any borders, IE does.

What do I do wrong?


Bye,
Martin

=?UTF-8?B?TWFydGluIFDDtnBwaW5n?=

While the city slept, Martin Pöpping () feverishly
typed...

> Hello,

Howdy!

[...]
> border-color: #003366; border-width: 2px;
>
> But Firefox does not show any borders, IE does.

Curious, I copied your code and made a test page with it and neither of them
displayed a border...

I did swap your "border-color: #003366; border-width: 2px;" for a possibly
more succint "border: solid 2px #003366;" though, which did result in a
border in IE and Firefox.

Hope that helps,
Nige

--
Nigel Moss http://www.nigenet.org.uk
Mail address will bounce. | Take the DOG. out!
"Your mother ate my dog!", "Not all of him!"

Once upon a time *Martin Pöpping* wrote:
> Hello,
>
> I´ve defined a div tag like this:
>
> div#news{
> top: 100px;
> width: 144px;
> border-color: #003366; border-width: 2px;
> left: 602px;
> height: 100%;
> }
>
>
> The border ist defined with:
>
> border-color: #003366; border-width: 2px;
>
> But Firefox does not show any borders, IE does.
>
> What do I do wrong?

Let me guess, you have an error somewhere in the code (html or css).
Since you don't supply an url to the site, I can't tell where the
error is. But you you could start with validating the pages.

Validate HTML with http://validator.w3.org/
And CSS with http://jigsaw.w3.org/css-validator/

--
/Arne

Proud User of SeaMonkey. Get your free copy:
http://www.mozilla.org/projects/seamonkey/

Martin Pöpping schreef:
> Hello,
>
> I´ve defined a div tag like this:
>
> div#news{
> top: 100px;
> width: 144px;
> border-color: #003366; border-width: 2px;
> left: 602px;
> height: 100%;
> }
>
>
> The border ist defined with:
>
> border-color: #003366; border-width: 2px;
>
> But Firefox does not show any borders, IE does.
>
> What do I do wrong?

Perhapse it will if you use:

border: 2px solid #003366;


--
Website Design: http://vision2form.nl/websitedesign/
Being found: http://vision2form.nl/websitedesign/being-found.html
Css templates: http://vision2form.nl/websitedesign/css-templates.html

Martin Pöpping wrote:
> Hello,
>
> I´ve defined a div tag like this:
>
> div#news{
> top: 100px;
> width: 144px;
> border-color: #003366; border-width: 2px;
> left: 602px;
> height: 100%;
> }
>
>
> The border ist defined with:
>
> border-color: #003366; border-width: 2px;
>
> But Firefox does not show any borders, IE does.
>
> What do I do wrong?


No border-stye. either add border-style: solid; (or dashes, dotted, groove
etc..), or use a shorthand:
border: 2px solid #003366;

Grtz,
--
Rik Wasmus

Le Mon, 17 Jul 2006 22:15:06 +0200, Martin Pöpping a écrit*:

> Hello,
>
> I?ve defined a div tag like this:
>
> div#news{
> top: 100px;
> width: 144px;
> border-color: #003366; border-width: 2px;
> left: 602px;
> height: 100%;
> }
>
>
> But Firefox does not show any borders, IE does.
>
> What do I do wrong?
>

You are missing the style of the border. E.g. solid, outset, inset,
ridge, groove.

>
> Bye,
> Martin

HTH,
Mike
--
http://massonnet.org/ Mike Massonnet (mmassonnet) ,-.
, ( {o\
GnuPG 0--" 0xF8C80F97 {`"=,___) (`~
C4DA 431D 52F9 F930 3E5B 3E3D 546C 89D9 F8C8 0F97 \ ,_.- )

> Martin Pöpping wrote:
>> border-color: #003366; border-width: 2px;


Damn, 5 usable (and duplicate) answers in 3 minutes, must be some kind of
record

Grtz,
--
Rik Wasmus

On Mon, 17 Jul 2006 22:27:39 +0200, Rik wrote:

> border: 2px solid #003366;

....or,

border: 2px solid #036;

Once upon a time *Rik* wrote:
>> Martin Pöpping wrote:
>>> border-color: #003366; border-width: 2px;
>
>
> Damn, 5 usable (and duplicate) answers in 3 minutes, must be some kind of
> record

Guess it's an easy taks to solve.
I just wanted to learn the OP to use the validators and find out the
error by him self

--
/Arne

Proud User of SeaMonkey. Get your free copy:
http://www.mozilla.org/projects/seamonkey/

Wowww! Thanks a lot to all for your help!

What a great newsgroup


So maybe you could help me with my second curious IE problem.

I´m defining tags like this:

div#header {

position: fixed;
top: 0px;
left: 188px;
width: 410px;

height: 99px;

background-image: url(../img/blank.jpg);
background-repeat: repeat;
}


div#footer {
bottom: 0px;
left: 188px;
width: 410px;

height: 50px;

background-image: url(../img/blank.jpg);
background-repeat: repeat;
}

div#right{
top: 100px;
left: 750px;
width: 100%;

}

div#menu {

top: 100px;
left: 0px;
width: 183px;
height: 600px;
border-right-width: 4px; border-left-style: none;
}



div#impressum{

left: 0px;
bottom:1px;
}


div#news{
top: 100px;
width: 144px;
border: solid 2px #003366;
left: 602px;
height: 500;
}


table#content{

width: 405px;
border-right-width: 4px; border-left-style: none;
height: 100%;
text-align: justify;
}




With a fixed position to the screen:

@media screen{
body>div#header, div#menu, div#right, div#footer, div#border,
div#impressum, div#news{
position:fixed;
}




All tags i used with:

<div id="header">bla bla</div>

<div id="menu">bla bla</div>

<div id="content">bla bla</div>


<div id="news">bla bla</div>


<div id="right">bla bla</div>


<div id="footer">bla bla</div>



Firefox displays it side by side as i want it:

======================= header =============

menu || content || news || right ||

======================= footer =============


But IE displays it among each other:

header
------
menu
------
content
------
news
------
right
-----
footer




Bye,
Martin