Hey Everyone,

 

The list has been very quiet recently…

– Hope you all had a merry xmas and I wish you all a happy new year…

 

But anyway,

 

I am just redesigning the front page of my website, im still trying to find the look that I am after.

Anyway, while designing I came across something which I – at first thought was just a quirk in IE…

But it does the same in mozilla

 

What happened is I position a <h1> tag ABSOLUTE…

And that allows text to be on the same line as it, but a <p> tag…

You may remember – I posted a message asking for help with having right and left aligned text on one line???

Well this did the same thing, and simply by adding 1 little line…

Here is my CSS code:

div#div_header

{

            border: 1px dotted #000000;

            background-color: #BBBBBB;

           

            position: relative;

            left: 15px;

            top: 15px;

            width: 900px;

           

            padding: 10px;

           

            text-align: left;

}

 

/* HEADER CONTENT CODE! */

            div#div_header h1

            {

                        margin-left: 30px;

                        border: 1px solid #000000;

                        padding: 1px;

                        >>> position: absolute; <<<

            }

 

                        div#div_header p

            {

                        text-align: right;

            }

 

 

the link to see what I mean is here:

http://www.neester.com/newsite/test.html

 

tell me what you think…

is that proper method?

Or just a bug?

 

I notice that CSS Validator likes it, but it doesn’t mean its proper method…

-----------------------------

Chris Stratford

[EMAIL PROTECTED]

www.neester.com

-----------------------------

 

Reply via email to