RE: [WSG] overflow IE problem

7 sinz Fri, 12 Mar 2004 04:09:39 -0800

No one need reply; by adding a relative positioning to #login, and removing the background image i was able to create a nice clean seamless affect for the login fields, only to have it rejected in favour of something that my little sister could draw "IF" i let her use dog s**t for colors, and a dead cow for the canvass...

woe is me

-peace

From: "7 sinz" <[EMAIL PROTECTED]>
Reply-To: <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]
Subject: RE: [WSG] overflow IE problem
Date: Fri, 12 Mar 2004 19:59:38 +1000
Its not a live site; im still working from my comp..but heres the html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1.0/DTD/xhtml1-Strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>sorry if its too big</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="sgm.css" title="the main styles"/>

<style type="text/css">
#login{
overflow:hidden;
margin: 8px 3px 0 3px ;
width: 131px;
color:#fff;
font: 10px Verdana, Arial, Helvetica, sans-serif;
height: 131px;
background: url(loginback.gif) no-repeat;
}
.login{
display:inline;
margin: 7px 0 0 10px;
padding: 3px;
height: 13px;
width: 80px;
border: 1px solid #e5e5e5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#273C55;
}
.go{
height: 16px;
width: 16px;
margin-top: 4px;
margin-right: 33px;
}
.loginp{
font-size: 89%;
font-weight: bold;
margin: 9px;
display:inline;
padding:0;
}
#header{
margin-top:-142px;
}
body #outerwrap{
margin-top:0;
}
</style>
</head>
<body>

 <div id="outerwrap"> <div id="wrap"> <div id="login"> <p class="loginp">Existing Members</p>  <input class="login" type="text" name="" value=" Name" maxlength="9"/>  <input class="login" type="password" name="" value="password*" maxlength="6"/> <input class="go" type="image" src="file:///C|/Documents and Settings/Owner/Desktop/thesite/go.gif" name="submit="/></div> <div id="header"> <map name="Mapheader" id="Mapheader"> <area shape="rect" coords="106,107,134,143" href="#" alt=""/> <area shape="circle" coords="160,153,48" href="#" alt=""/> <area shape="rect" coords="228,96,251,121" href="#" alt=""/> <area shape="circle" coords="270,147,39" href="#" alt=""/> </map><img src="header.jpg" width="700px" title="" usemap="#Mapheader" alt=""/> </div>
<div id="focus">
<div class="fheader"></div>
 <div class="focus"> <h3>test</h3> <p>ellentesque quis lorem vel sapien lobortis ornare. In hac habitasse platea dictumst. Sed adipiscing neque ac sapien. Duis tincidunt mollis wisi. Proin at metus vitae leo aliquam condimentum. Maecenas at lorem vel risus ultrices lobortis. Sed semper facilisis nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam in felis. Vestibulum consectetuer, nisl in sollicitudin luctus, eros elit semper libero, et consectetuer dolor elit ac lectus. Praesent faucibus massa et neque. Sed nonummy consectetuer purus. Suspendisse potenti. Fusce augue.</p></div> </div>  <div id="callrates"> <p class="lr">Left side <p></div>  <div id="features"> <p class="lr">Right side</p> </div>  <div id="footer"><p>© 2004 <a href="#"></a> All Rights Reserved</p></div> </div> </div>
</body>
</html>
hope that clears things up a bit...
From: "Peter Firminger" <[EMAIL PROTECTED]>
Reply-To: <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Subject: RE: [WSG] overflow IE problem
Date: Fri, 12 Mar 2004 19:48:24 +1100
Hi 7,
Can you please supply a link to the page in question as well as the CSS
file(s).
In order to help we need to be able to see it in action in case there is something else in the code affecting or conflicting with it. This also lets us see what language and version you are using and whether or not you are operating in quirks mode depending on your doctype.

Regards,

Peter
> im trying to place a member login field on top of a
> ImageMapped Header...
> In mozilla i have it working perfect, but IE wont show the
> fields at all.
>
> #login{
> overflow:hidden;
> width: 131px;
> color:#fff;
> font: 10px Verdana, Arial, Helvetica, sans-serif;
> height: 131px;
> background: url(loginback.gif) no-repeat;
> }
>
> is there something extra i should be adding to get it to
> render ok in IE (6
> btw)?
> too my knowledge IE has no trouble with rendering overflow: ney?
>
> all help is welcome and much appreciated.
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
_________________________________________________________________ Personalise your mobile chart ringtones and polyphonics. Go to http://ringtones.com.au/ninemsn/control?page=/ninemsn/main.jsp
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************

_________________________________________________________________ Personalise your mobile chart ringtones and polyphonics. Go to http://ringtones.com.au/ninemsn/control?page=/ninemsn/main.jsp

***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************

RE: [WSG] overflow IE problem

Reply via email to