When I render my application in Safari, my <input type="text"....> is wider than in other browsers. I want the box to have the same size in all browsers, such as the boxes on Dell's web site. I didn't notice anything special in their source code - how do you do this? Thank you!
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Size problem in Safari 3
- Thread starter EwS
- Start date
-
1
- #2
one way would be to set the width in pixels. The problem is, unless you want buttons, radiobuttons, checkboxes, and textboxes to all have the same width, you'll need to use a classname:
There is such thing as a selector, but it only works in ie. I think it looks like this:
*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
Code:
<style type="text/css">
input.tb {
width: 150px;
}
</style>
<input type="text" class="tb" name="tb1" />There is such thing as a selector, but it only works in ie. I think it looks like this:
Code:
input[type=text] {
width: 150px;
}*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
- Thread starter
- #3
- Thread starter
- #5
only one class name per element.
*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
Code:
.yellowTextBox {
background-color: yellow;
width: 150px;
}
.yellowButton {
background-color: yellow;
width: 30px;
}*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
-
2
- #7
Wrong. You can have apply classes, just seperate them with a space:
Code:
<html>
<head>
<style>
.big { font-size: 200% }
.red { color: red }
</style>
<body>
<p class="big red">The Big Red Bus</p>
</body>
</html>Also wrong. Attribute selectors are a CSS2 thing. They don't work in IE, but will work in gecko-based browsers. You're right about using a class instead though.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
- Thread starter
- #10
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question