html - Google Chrome - buggy curved borders? -

-

i have relatively positioned div within centred div of width 50%... mean outer 1 set width: 50% , margin-left/right: auto. have div class headercontainer , 1 class header. there image class headerimg within header div.

it seem that, when curved border of 30px set on header div , headerimg img tag, slight overlap of border appears on either side... dont know how describe it... basically, in google chrome, 30px curved border appears perfectly, (about 2 out of 3 or 3 out of 4 times) appears border, hits rightmost , leftmost points, extends few pixels. there slight slant @ tip of either end, other border straight. if possible upload image on here show - isnt cant without signing image hosting site...

basically want know if happens else... know tiny thing - sites pixel-perfect, not odd pixel out of place here , there - looks bad.

anyway source code follows (i have simplified as possible...):

body {     font-family:verdana, arial, helvetica, sans-serif;     font-size: 11px;     margin: 0px;     padding: 0px;     position: absolute;     left: 0px;     top: 0px;     width: 100%;     height: 100%;     /*background-color: #e7d2b8;*/     background-color: #eeeeff;     color: #863f2b; } .page-container {     position: relative;     width: 60%;     margin-left: auto;     margin-right: auto; } .headercontainer {     margin-left: auto;     margin-right: auto;     margin-top: 10px;     position: relative;     clear: right; } div.header {     border-top: 2px solid #2e699b;     border-left: 2px solid #2e699b;     border-right: 2px solid #2e699b;     -moz-border-radius-topleft: 30px;     -webkit-border-top-left-radius: 30px;     border-top-left-radius: 30px;     -moz-border-radius-topright: 30px;     -webkit-border-top-right-radius: 30px;     border-top-right-radius: 30px; } img.headerimg {     width: 100%;     -moz-border-radius-topleft: 30px;     -webkit-border-top-left-radius: 30px;     border-top-left-radius: 30px;     -moz-border-radius-topright: 30px;     -webkit-border-top-right-radius: 30px;     border-top-right-radius: 30px; } form {     position: relative;     width: 100%;     height: 100%; } <body>     <form method="post">          <div class="page-container">              <div class="headercontainer">                  <div class="header">                      <img class="headerimg" alt="header image" src="/images/header1.png" />                  </div>                  <div class="clear"></div>              </div>          </div>     </form> </body>

any appreciated.

regards,

richard

ps see can uploading image later, if still problem.

you might talking this: http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed

if not, possible show example?


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more