madbros
Lt. Junior Grade
- Registriert
- Juni 2004
- Beiträge
- 328
Mahlzeit, Kameraden,
ich habe auf meiner website mehreren div-elementen per css über height und width relative größenangaben in "%" zugewiesen. firefox stellt sie problemlos dar, der ie ignoriert die höhenangabe und weist eigenständig "auto" zu. sieht natürlich kacke aus. width dagegen stellt er richtig dar. kann mir jemand sagen, woran das liegt?
zu betrachten hier: www.madbros.de/test
zuerst habe ich eine browserweiche eingebaut und die div-höhe absolut zugewiesen. problem: unterschiedliche bildschirmauflösungen werden dabei nicht berücksichtigt. natürlich könnte ich jetzt auch noch ne weiche für die auflösung einbauen, aber da hab ich keinen bock drauf.
hat jemand eine lösung für das problem?
hier noch der inhalt der style.css mit relativen höhenangaben für #oben, #links und #mitte, dabei ist #oben der blaue balken oben, #links das menu und #mitte, ja was wohl, der inhalts-div:
#oben {
height: 15%;
width: 100%;
margin-bottom: 0.1%;
background-color: #0064ad
}
#links {
height: 70.9%;
width: 20%;
margin-right: 0.1%;
float: left;
background-color: #0064ad
}
#mitte {
height: 70.9%;
width: 79.9%;
float: left;
background-color: #0066dd
}
#bild {
height: 600px;
width: 100%;
float: left;
background-color: #0066dd
}
#nav {
height: 90px;
width: 100%;
float: left;
background-color: #0066dd
}
a:link,a:visited,a:active {
color:#ffffff;
text-decoration:none;
font-weight: bold
}
a:hover {
color:#000000;
text-decoration:"underline overline";
font-weight: bold
}
body {
margin-top: 7%;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 7%;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 70%
}
.popupbody {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 85%;
background-color: #0066dd
}
h3 {
font-family: verdana;
font-size: 115%
}
danke
ich habe auf meiner website mehreren div-elementen per css über height und width relative größenangaben in "%" zugewiesen. firefox stellt sie problemlos dar, der ie ignoriert die höhenangabe und weist eigenständig "auto" zu. sieht natürlich kacke aus. width dagegen stellt er richtig dar. kann mir jemand sagen, woran das liegt?
zu betrachten hier: www.madbros.de/test
zuerst habe ich eine browserweiche eingebaut und die div-höhe absolut zugewiesen. problem: unterschiedliche bildschirmauflösungen werden dabei nicht berücksichtigt. natürlich könnte ich jetzt auch noch ne weiche für die auflösung einbauen, aber da hab ich keinen bock drauf.
hat jemand eine lösung für das problem?
hier noch der inhalt der style.css mit relativen höhenangaben für #oben, #links und #mitte, dabei ist #oben der blaue balken oben, #links das menu und #mitte, ja was wohl, der inhalts-div:
#oben {
height: 15%;
width: 100%;
margin-bottom: 0.1%;
background-color: #0064ad
}
#links {
height: 70.9%;
width: 20%;
margin-right: 0.1%;
float: left;
background-color: #0064ad
}
#mitte {
height: 70.9%;
width: 79.9%;
float: left;
background-color: #0066dd
}
#bild {
height: 600px;
width: 100%;
float: left;
background-color: #0066dd
}
#nav {
height: 90px;
width: 100%;
float: left;
background-color: #0066dd
}
a:link,a:visited,a:active {
color:#ffffff;
text-decoration:none;
font-weight: bold
}
a:hover {
color:#000000;
text-decoration:"underline overline";
font-weight: bold
}
body {
margin-top: 7%;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 7%;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 70%
}
.popupbody {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
font-family: verdana;
font-weight: bold;
line-height: 135%;
font-size: 85%;
background-color: #0066dd
}
h3 {
font-family: verdana;
font-size: 115%
}
danke