this is a difficult problem to understand.
however regarding your image graphic 'jumping' as you say when the
browser width is adjusted, i think this might be a fix you could look
into.
<html>
<head>
<style>
span{
display: block;
}
#header{
background: #DDD;
width: auto;
max-width: 800px;
margin: 0 auto;
padding: 30px;
overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#title{
float: left;
}
#graphic{
float: right;
}
</style>
</head>
<body>
<div id="header">
<span id="title">Title YAY!</span>
<span id="graphic"><img
src="http://media.csosa.gov/podcast/audio/
wp-content/plugins/wp-greet-box/images/rss_icon.png" alt="" /></span>
</div>
</body>
</html>
it's not pretty, but based on the info given, it works for what you
may be trying to do.
additionally if you want rounded corners, consider the progressive
enhancement aspect of using border-radius in your css.
this complies with the concept of graceful degradation in that your
layout is not compromised in older browsers, they just won't have
rounded corners.
Peace,
Brandtley
Gigglebox Studios
[email protected]
On Jun 14, 6:43 pm, "Kevin A. Cameron" <[email protected]>
wrote:
> Depends what you mean by 'jumps'. Provide a link, or image so we can see.
> But if you mean the text jumps to another line, ie
>
> This is My Headline
>
> to
>
> This is
> My
> Headline
>
> Could fix it with min-width or
> whitespace.http://www.w3schools.com/css/pr_dim_min-width.asphttp://www.w3schools.com/CSS/pr_text_white-space.asp
>
> Kevin A. Cameron
>
> On Mon, Jun 14, 2010 at 4:04 PM, scootergrisen <[email protected]> wrote:
> > I want to make a headline that automaticly adjust itself in with as
> > you change the browser windows width (screen resolution).
>
> > I have made it already on my website but when i make the browser
> > window small the headline text jumps and so does the right corner
> > graphics.
>
> > Do anyone have i link or code to a good working example.
>
> > --
> > --
> > You received this because you are subscribed to the "Design the Web with
> > CSS" at Google groups.
> > To post: [email protected]
> > To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
