JustMe
Neues Mitglied
Hi liebe html-community :)
nach langem hin und her probieren bin ich immer noch nicht auf eine lösung gestoßen ...folgendes Problem :
der div container "underum" der 3 div's einschließt zeigt wunderbar im alten IE den border an , jedoch zeigen die aktuellen Browser ihn nicht an ,
da wird der div nur über die eigentlich verschachtelten div's angezeigt , obwohl diese 3 richtig definiert sind ?!
html : (entschuldigt bitte die div namen aber das war für mich nur eine kleine stütze ^^ h1 kommt bei den auch noch raus !)
//aus platz gründen habe ich nur den teil reinkopiert , der div container wird noch von einen weiteren "wrapper" umschlossen//
<div id="underum">
<div id="under">
<h1>Blog</h1>
</div>
<div id="under1">
<h1>News</h1>
</div>
<div id="under2">
<h1>Aktuell</h1>
</div>
</div>
css:
#underum {
position:relative;
color:black;
width:800px;
border:2px solid green;
}
#under {
margin-left:7px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
float:left;
border-bottom-left-radius:40px;
}
#under:hover {
box-shadow:-6px -6px 5px 5px silver;
}
#under1 {
float:left;
margin-left:75px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
}
#under1:hover {
box-shadow:6px -6px 5px 5px silver;
}
#under2 {
float:left;
margin-left:70px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
border-bottom-right-radius:40px;
}
#under2:hover {
box-shadow: 6px -6px 5px 5px silver;
}
//
Das verwunderliche ist , das der "wrapper-div" dies in jeden browser richtig anzeigt ..obwohl ich bei beiden es gleich gemacht habe ?
Ich hoffe ihr könnt mir helfen :)
nach langem hin und her probieren bin ich immer noch nicht auf eine lösung gestoßen ...folgendes Problem :
der div container "underum" der 3 div's einschließt zeigt wunderbar im alten IE den border an , jedoch zeigen die aktuellen Browser ihn nicht an ,
da wird der div nur über die eigentlich verschachtelten div's angezeigt , obwohl diese 3 richtig definiert sind ?!

html : (entschuldigt bitte die div namen aber das war für mich nur eine kleine stütze ^^ h1 kommt bei den auch noch raus !)
//aus platz gründen habe ich nur den teil reinkopiert , der div container wird noch von einen weiteren "wrapper" umschlossen//
<div id="underum">
<div id="under">
<h1>Blog</h1>
</div>
<div id="under1">
<h1>News</h1>
</div>
<div id="under2">
<h1>Aktuell</h1>
</div>
</div>
css:
#underum {
position:relative;
color:black;
width:800px;
border:2px solid green;
}
#under {
margin-left:7px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
float:left;
border-bottom-left-radius:40px;
}
#under:hover {
box-shadow:-6px -6px 5px 5px silver;
}
#under1 {
float:left;
margin-left:75px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
}
#under1:hover {
box-shadow:6px -6px 5px 5px silver;
}
#under2 {
float:left;
margin-left:70px;
width:210px;
background-color:white;
border:2px solid black;
height:200px;
margin-top:10px;
border-bottom-right-radius:40px;
}
#under2:hover {
box-shadow: 6px -6px 5px 5px silver;
}
//
Das verwunderliche ist , das der "wrapper-div" dies in jeden browser richtig anzeigt ..obwohl ich bei beiden es gleich gemacht habe ?
Ich hoffe ihr könnt mir helfen :)