• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV-Problem

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 ?! :D

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 :)
 
danke für die hilfe :) leider ist die webseite noch nicht online...muss erst noch paar feinheiten verändern ;)

ok nächste mal halte ich mich an die code-tags :)

ps: overflow:auto; hat sehr geholfen :)
 
Zurück
Oben