Thu, 2004-09-09 11:24
Hi,
i've the following prob.:
i have a #inhalt
#inhalt {
background-image: url(inhalt_background.gif);
background-repeat: no-repeat;
background-position: left;
background-color: #F9F9F9;
float: left;
height: 550px;
width: 725px;
}
In this content, i want to place a #news with relative positioning.
#news {
background-color: Blue;
position: relative;
top: -50px;
left: 650px;
width: 100px;
height: 200px;
}
The problem is, that the text displayed in #inhalt is covered by the #news, but i want the text to flow the #news.
Can you help me ?
If you need the whole css, say and i'll post it.
thank ya very much,
greets ben
Thu, 2004-09-09 12:12
#1
Positioning-problem
You could try either typing the text in the #news section, or give the #news div a lower z-index, such as -4 or something. Play around with it.
Thu, 2004-09-09 12:52
#2
Positioning-problem
The position relative tells the div #news to not look at other divs exept its parent and place itself at a certain position. Offcourse it will cover #Inhal's content (read: text) because it isn't the parent. The div is it's parent not the text.
To achieve the effect you want i presume you mean it will float left or right. Just try to just float the #news box left or right. With a margin the text will nicely float around the #news div.
I hope i made it clear for you...
Thu, 2004-09-09 14:45
#3
Positioning-problem
hey guys,
thx for ya answers, i'll try that tomorrow.
Does someboy of you know a good resource where css positioning is explained well ?
I've read some chapters in some books about it, but they weren't really helpfull to me.
Thank ya again,
greets ben
Fri, 2004-09-10 05:51
#4
Good CSS positioning resource
this can help you finding out more abouot positioning in CSS:
Fri, 2004-09-10 10:13
#5
Positioning-problem
thank ya very much, really a good site!
greets,
ben