- This topic is empty.
-
AuthorPosts
-
October 1, 2010 at 11:42 pm #30416Historical Forums UserParticipant
Hey all! I’m pretty new to HTML programming and working with a volunteer company to gain some experience. They wanted their side bar to have the fieldset type look so the only thing I could think of doing is make a fieldset. I didn’t want to use an image because that would take longer to load. My problem I’m having is I have 5 fieldset’s that group text, however in IE the fieldset’s do not align properly and some of the text falls out and is put in the center of the page. Can someone look at my code and see what’s wrong here? The side bar looks perfect in Safari, Chrome and Firefox.
I have no problem of using div and using a border but the legend/header needs to be on the line. I have tried to format the header on the line but it won’t.
Thank you for your help!!
Link to see it in action. Web site
HTML
CSS
#sidebar_beta
{
float: left;
padding-right: 0;
padding-left: 0;
padding-bottom: 1em;
padding-top: 3em;
margin-left: 2em;
}
.sideheader {
font-size: 15px;
color: #006600;
font-weight: bold;
text-align: center;
}
.sidetext {
text-align: center;
}
.sidetext1 {
padding-left: 2em;
}
.sidetext a {
line-height: 2em;
font-weight: normal;
}
.sidetext1 a {
line-height: 2em;
font-weight: normal;
}
.sidetext a:hover {
background: #589c0d;
color: white;
padding: 5px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.sidefield {
background-color: #f5f5f5;
border: 1px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-bottom: 2em;
padding: 1em 0 1em 0;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
width: 14em;
clear: both;
}
IE CSS
.sidefield {
background-color: #f5f5f5;
border: 1px solid #ccc;
width: 100%;
position: relative;
clear: both;
}
.sideheader {
font-size: 15px;
color: #006600;
top: -.5em;
font-weight: bold;
text-align: center;
position: absolute;
}
Whats the curse of Opera? :/
- The forum ‘CSS’ is closed to new topics and replies.