2 replies [Last post]
j2theoey
Offline
Enthusiast
Last seen: 13 years 16 weeks ago
Timezone: GMT-6
Joined: 2006-01-30
Posts: 61
Points: 0

Ok what I am trying to do is make a box that has a header in it that can grow or shrink to any size depending on how wide or tall the container is. (the height is determined by the text size)

I am using something similar to the sliding doors technique... It seems to work fine in safari and ff but not in ie... my images are not even showing up in ie.

I thought I could use three divs and an h2 tag... with a structure like this

this is left corner

Header Goes Here

this is right corner

I just cant get the corner divs to increase in height when the h2 tag does. Anyway so here is the sliding door modification that is just not showing up in IE.

#searchbox { width: 400px; position: relative; display: inline-block; }

#searchbox h2 {
background: url(../_images/box_header_blue_left.png)no-repeat left top;
font-size: 130%;
color: #FFF;
padding: 10px 26px 3px 26px;
margin: 0px 0px 0px 0px;
display:block;
width: 100%;
}

#searchbox div.right {
padding: 0px;
margin: 0px;
background: url(../_images/box_header_blue_right.png)repeat-x right top;
float: left;
width: 100%;
}

you can view it here http://des.usipp.net
username: preview
password: travel

I could really use some help here thanks.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

background:

background: url(../_images/box_header_blue_left.png) no-repeat

Add a space between ) and no-repeat.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

j2theoey
Offline
Enthusiast
Last seen: 13 years 16 weeks ago
Timezone: GMT-6
Joined: 2006-01-30
Posts: 61
Points: 0

thanks that fixed the header

thanks that fixed the header at least... Ill be posting another one though for the bigger problem