Frage stellen
ich bin am verzweifeln. Ich habe eine Seite gemacht und heute ist mir aufgefallen, dass die Boxen nicht korrekt dargestellt werden. Es ist mir nie aufgefallen, weil der Text immer lang genug war.
Hier erstmal der Link:
http://www.projekt.situationx.net/Website/
So, im IE 6 ist noch alles takko. Ab IE7 und Firefox nicht mehr. Es geht um die rechte Box. Wenn hier der Inhalt länger ist als die beiden linken Boxen dann ist es kein Thema und alles ist super.
So, ist der Text aber nun kürzer zeiht sich alles nach oben außer die linken beiden Boxen natürlich.
Ich checke es einfach nicht warum das so ist, blicke auch nicht mehr durch, der Hammer....
Könnt ihr mir helfen?
index.php
- Code: Alles auswählen
<DOCTYPE>
<html>
<head>
<meta>
<meta>
<link>
<meta>
<meta>
<meta>
<meta>
<meta>
</head>
<body>
<div>
<div>
<object>
<param>
<param>
<param>
<param>
</object>
<div>
<div>
<div></div>
<div>
<object>
<param>
<param>
<param>
<param>
</object>
</div>
<div></div>
</div>
</div>
<div>
<div>
<div>Aktuelles</div>
<div>
<div>
<php>
</div>
</div>
<div><a>>>> mehr lesen</a></div>
<div></div>
<div></div>
<div>Newsletter abonieren</div>
<div>
<div>
<object>
<param>
<param>
<param>
<param>
</object>
</div>
</div>
<div></div>
</div>
<div>
<div>Willkommendiv>
<div>
<php>
</div>
<div></div>
</div>
</div>
<div></div>
<div>
<object>
<param>
<param>
<param>
<param>
</object>
</div>
<div></div>
<div>
Diese Website validiert nach <a>XHTML</a> und
<a>CSS</a>
und wurde fr die Browser Internet Explorer 6.0,
Netscape 6.2, Opera 7.5 und Firefox 1.0 optimiert. FlashPlayer 6 muss vorhanden sein.
</div>
</div>
</div>
</body>
</html>
style.css
- Code: Alles auswählen
*{
margin:0;
padding:0;
top:inherit;
}
body{
background:#eee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
margin:1em;
text-align:center;
}
:link, a:visited, a:hover, a:active{
color: #000000;
text-decoration:none;
font-weight:normal;
}
a:hover, a:active {
color: #FEC224;
}
#box{
background:#fff;
border:1px solid #E4E4E4;
margin:0 auto;
text-align: left;
width:800px;
height: 800px;
}
.content {
color:#000;
padding: 10px;
}
.footer {
font-size:.9em;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 5px;
color:#CCC;
}
.footer a{
font-size:.9em;
color:#CCC;
}
.padding{
padding:0px
}
h1,h6{
font-size:1.1em
}
.headline_left {
width: 240px;
background-color: #E4E4E4;
padding: 2px;
font-weight:bold;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.headline_left2 {
width: 240px;
background-color: #E4E4E4;
padding: 2px;
font-weight:bold;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.headline_right {
width: 500px;
background-color: #E4E4E4;
padding: 2px;
font-weight:bold;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.headline {
width: 774px;
background-color: #E4E4E4;
padding: 2px;
font-weight:bold;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.footline_left {
width: 240px;
background-color: #E4E4E4;
padding: 2px;
text-align: right;
font-size:.8em;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.footline_left2 {
width: 240px;
background-color: #E4E4E4;
padding: 2px;
text-align: right;
font-size:.8em;
height:12px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.footline_left a{
color:#000000;
text-decoration: none;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.footline_right {
width: 500px;
background-color: #E4E4E4;
padding: 2px;
text-align: right;
font-size:.8em;
height:12px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.footline{
width: 774px;
background-color: #E4E4E4;
padding: 2px;
text-align: right;
font-size:.8em;
height:12px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.content_left {
width: 240px;
height: 250px;
padding: 2px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.content_right {
width: 500px;
padding: 2px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.content_middle {
width: 774px;
padding: 2px;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
.column_l {
float:left;
padding: 0px;
height: 200px;
width: 240px;
}
#newsticker_flash {
position:relative;
top: 0px;
left: 0px;
width:244px;
height:265px;
border:1px solid #E4E4E4;
padding: 0px;
overflow:hidden
}
#newletter {
position:relative;
top: 0px;
left: 0px;
width:244px;
height:275px;
border:1px solid #E4E4E4;
padding: 0px;
}
.column_2 {
float:right;
padding: 2px;
width: 500px;
}
.column {
width: 774px;
padding: 0px;
}
.placeholder {
clear:both;
height: 10px;
}
/**
Tabellendefinition KFZ Liste
*/
table.ListCar {
width: 800px;
border: 1px;
/* border-collapse: collapse;
border-spacing: 5px; */
}
td.ListCarLabel,
td.ListCarField,
td.ListCarPic,
td.ListCarSpacer {
padding:0 10px 0 2px;
vertical-align:top;
border-spacing: 5px;
font-size:1.0em;
vertical-align:top;
font-weight: bold;
width: 33%;
}
td.ListCarField {
font-weight: normal;
}
td.ListCarPic {
vertical-align:top;
text-align: right;
}
td.ListCarSpacer {
height: 55px;
text-align:center;
}
a.gotop:link,
a.gotop:visited,
a.gotop:hover,
a.gotop:active{
color: #000000;
text-decoration:none;
font-weight:normal;
}
a.gotop:hover{
color: #FEC224;
}
Ich muss erwähnen, dass ich diese Frage schon in anderen Foren gestellt habe und noch keine Antwort bekommen habe. Ich stehe aber enorm unter Zeitdruck und diese kleine Unannehmlichkeit gefärdet das ReleaseDatum des Projektes.