[css-d] Need help with a float inside a DIV

2008-02-13 Thread Webmaster 
I've got what seems to be a simple problem, but I can't find the answer. I've 
got this page: 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.

The relevant CSS file is here: http://www.tusculum.edu/bookstore/css/box.css

 I apologize in advance for the ugliness of the CSS and the simplicity of this 
problem, but I appreciate any help. Thanks.

--
Travis Crabtree
Webmaster
Tusculum College
phone: 423.636.7300 ext. 5132
fax: 423.636.7492
email: [EMAIL PROTECTED]
__
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/

Re: [css-d] Need help with a float inside a DIV

2008-02-13 Thread Jim Davis 
Remove clear: left; from .header-text and clear the float later in the
markup.

Jim

On Feb 13, 2008 7:59 AM, Webmaster [EMAIL PROTECTED] wrote:

 I've got what seems to be a simple problem, but I can't find the answer.
 I've got this page: 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.

 The relevant CSS file is here:
 http://www.tusculum.edu/bookstore/css/box.css

  I apologize in advance for the ugliness of the CSS and the simplicity of
 this problem, but I appreciate any help. Thanks.

 --
 Travis Crabtree
 Webmaster
 Tusculum College
 phone: 423.636.7300 ext. 5132
 fax: 423.636.7492
 email: [EMAIL PROTECTED]
 __
 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/

__
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/

Re: [css-d] Need help with a float inside a DIV

2008-02-13 Thread David Laakso 
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: #00;
}


#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:#00;
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/

Re: [css-d] Need help with a float inside a DIV

2008-02-13 Thread David Laakso 
David Laakso wrote:
 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
   
 



   

I meant to delete this before hitting send as the changes are included 
in the #header ruleset above it in my initial reply

#header {
  /*height: 90px;*/ 
min-height: 6.5em; 
}



~d

-- 
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/