No replies
jpgonc
jpgonc's picture
Offline
newbie
Last seen: 7 years 44 weeks ago
Joined: 2011-04-08
Posts: 8
Points: 12

Hello everyone. Maybe all of you had already that nasty awful and sudden "discovery" of things coming out of divs in your cool webpage when resizing your window's browser, haven't ya? It happened to me yesterday and... damn it, I still couldn't figure it out... wanna help me? Please?

Ok, basically, I have a box acting as a title with text inside and I want to put an image in the box's upper right corner, which I did perfectly... unless you resize yhe browser's window...

HTML:

   <div id="envolvente">
	<div class="tiporamobd">	
		<img> SOME IMAGE </img>
		<p> TEXT </p>
	</div>
   ...
   </div>

CSS:

#envolvente {
    bottom: 0;
    height: auto !important;
    left: 0;
    margin: 0 auto -40px;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 100%;
}
#envolvente .tiporamobd {
    height: 0;
    width: auto;
}
#envolvente .tiporamobd p {
    font: normal 3.2em Potsdam, Arial;
    text-align: center;	
    background: none repeat 0 0 #222222;
    color: #555555;
    margin: 5px auto;
    padding: 5px;
    width: 800px;
}
#envolvente .tiporamobd img {
	margin: 7px 110px;
	position: absolute;
}

Anyone? Thanks in advance.
PS-> The box doesn't move out while resizing.