|
Until you sign up you can't do much. Yes, it's free.
|
|
|
|
|
|
|
 | / / / Viewing Topic
|  |
( allsmiles )
Enlightened One
 Patron
|
     
I'm designing a website for a financial endeavour of mine, which will only be used by people who browse with IE. I don't know if it works right in IE7, since I don't have it and my dad doesn't want me to install it on this machine (I'm not complaining), but in IE6, when I put in width: 100%; for one of the divs, there's a gap at the right hand side of it, 20px wide (regardless of resolution, it seems). The design works perfectly in Fx. Here's the source code for the design: | Code: | | <html> <head> <title>Parts Stock Locator</title> <style type="text/css"> .delivery {
float: right;
width: 200px;
height: 35px;
background-color: #fff;
text-family: verdana;
font-size: 10px;
border-left: solid 2px #000;
border-bottom: solid 2px #000;
text-align: center; } .top { height: 200px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-color: #99f;
border-bottom: solid 3px #00f;
text-align: center;
font-family: verdana;
font-size: 12px; } a {
color: #777;
text-decoration: underline; } a:hover {
color: #ccc;
text-decoration: none;
text-weight: bold; } a:visited {
color: #777;
text-decoration: underline; } .search { height: 25px;
font-size: 18px;
font-family: verdana;
font-color: #000;
border: solid 1px #000; } td, th, { font-family: verdana;
font-size: 12px; } .content { font-family: verdana;
font-size: 12px;
width: 95%;
text-align: center; }
</style> </head> <body> <div class="top"> <div class="delivery">
<br />
<a href="http://www.royalmail.com/portal/rm/jump2?catId=400028&mediaId=400031";>Recommended Delivery Service</a>
</div> <p><img src="title.png" alt="Parts Stock Locator" style="position: relative; left: 100px;" /></p> <p>### hits since 25/02/08</p> <p>Input part number, partial part number, or description</p> <p><form action="search.php" method="post"><input type="text" name="part" maxlength="20" class="search" /> <input type="submit" name="search" value="search" /></form></p> </div> <div class="content"> </div> </body> </html> |
I'm not that experienced with CSS based layouts, so I don't really have much hope of diagnosing the problem. Can you see what needs changing?
-------
When they leave me, they're all smiles.
When they leave you, they're in tears.
|
|
|
|
|
 LiveWire Humor
|
|
|
|
|
|
Boss302
Connoisseur
Patron
|
IE8 is coming out soon (in beta atm) so you'll have another set of problems to sort out!
-------
....These go to 11.
|
7:39 am on Mar. 12, 2008 | Joined: Aug. 2007 | Days Active: 216
Join to learn more about Boss302 England, United Kingdom | Straight Male | Posts: 5,045 | Points: 7,856
|
|
| |
|
|
|
|
PiXiE
24.24.1.1358
Patron
|
html, body {
margin:0px;
padding:0px;
}
|
9:40 pm on Mar. 12, 2008 | Joined: July 2002 | Days Active: 1,663
Join to learn more about PiXiE Alberta, Canada | Straight Female | Posts: 4,837 | Points: 34,868
|
|
| |
|
|
|
|
|
| Looking for something else?
|
|
|
|
|
|
| / / / Viewing Topic | |
|
749 users online 
221812 members 
You have 1 new message.
