Webmaster wrote:
> http://www.tusculum.edu/bookstore/new.html
>
> I have a simple heading with an logo image, and I want to float the address
> text to the right inside the header DIV. I tried this, but in both IE and
> Firefox, the text drops out of the header DIV. I tried putting the image in a
> DIV and floating it to the left, but that still doesn't work with Firefox,
> and it looks ugly in IE.
>
>
> ------
> Travis Crabtree
>
#header {
position: relative;
width: 765px;
/*height: 90px;*/ <--------------------- :: delete ::
min-height: 6.5em; <--------------------- :: add::
margin: 0px 0px 0px 0px; <--------------------- :: delete ::
background-color: #ff9933;
border-bottom: 1px solid #000;<--------------------- :: add::
border-style: solid; <---------------- :: delete this and all rules below ::
border-bottom-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #000000;
}
#header {
/*height: 90px;*/ <
min-height: 6.5em;
}
* html #header {height: 6.5em; } <---------------- :: add for ie/6 ::
.header-text
{
position: absolute; <--------------------- :: add::
top: 5px; <--------------------- :: add::
right: 0; <--------------------- :: add::
width: 420px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
/*float:right; <---------------- :: delete this and all rules below ::
line-height:13px;
margin:4px;
padding:1px;
clear:left;*/
}
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
