Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > border-color: #003366; border-width: 2px;

Reply
Thread Tools

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

 
 
=?UTF-8?B?TWFydGluIFDDtnBwaW5n?=
Guest
Posts: n/a
 
      07-17-2006
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
 
Reply With Quote
 
 
 
 
nice.guy.nige
Guest
Posts: n/a
 
      07-17-2006
While the city slept, Martin Ppping ((E-Mail Removed)) 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. http://www.velocityreviews.com/forums/(E-Mail Removed) | Take the DOG. out!
"Your mother ate my dog!", "Not all of him!"


 
Reply With Quote
 
 
 
 
Arne
Guest
Posts: n/a
 
      07-17-2006
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/
 
Reply With Quote
 
tonnie
Guest
Posts: n/a
 
      07-17-2006
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
 
Reply With Quote
 
Rik
Guest
Posts: n/a
 
      07-17-2006
Martin Ppping wrote:
> Hello,
>
> Ive 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


 
Reply With Quote
 
Mike Massonnet
Guest
Posts: n/a
 
      07-17-2006
Le Mon, 17 Jul 2006 22:15:06 +0200, Martin Ppping 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 \ ,_.- )

 
Reply With Quote
 
Rik
Guest
Posts: n/a
 
      07-17-2006
> Martin Ppping 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


 
Reply With Quote
 
mbstevens
Guest
Posts: n/a
 
      07-17-2006
On Mon, 17 Jul 2006 22:27:39 +0200, Rik wrote:

> border: 2px solid #003366;


....or,

border: 2px solid #036;


 
Reply With Quote
 
Arne
Guest
Posts: n/a
 
      07-17-2006
Once upon a time *Rik* wrote:
>> Martin Ppping 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/
 
Reply With Quote
 
=?UTF-8?B?TWFydGluIFDDtnBwaW5n?=
Guest
Posts: n/a
 
      07-17-2006
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
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off




Advertisments