Frage stellen
ich habe ein grösseres Problem mit dem ich leider alleine nicht mehr klar komme. Im Freundeskreis wurde mir das Forum nahe gelegt da hier immer sehr gute Lösungen für Probleme gefunden worden sind.
Hier mal meine Problem Beschreibung:
Ich habe vor längerem eine Seite erstellt. Damals noch mit Frames. Inzwischen habe ich mich mit dem Thema CSS beschäftigt und möchte nun die gesamte Seite auf CSS umstellen.
Teilweise brauche ich Seiten die Tabellen enthalten. Sobald ich die Tabelle einfüge stellt mir der IE die Seite nicht mehr richtig dar, egal welche Version des IEs ich nützte. Mit Opera, Firefox und Safari hingegen funktioniert es ohne Probleme.
Und zwar wird der div Boxcon nicht mehr rechts aussen dargestellt sondern "rutscht" ins div contents.
Hier mal der CSS Code:
- Code: Alles auswählen
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
background-color: #800000;
}
#container
{
margin: 4px auto;
width: 65%;
text-align: left;
background-color: #000000;
}
#boxcon
{
float: right;
background-color: #000000;
display: inline;
}
#header
{
background-color: #000000;
height: 91px;
padding: 20px;
}
#mainnav
{
background-color: #000000;
height: 25px;
width: 100%;
}
#mainnav ul
{
margin: 0px;
padding: 0px;
}
#mainnav li
{
float: left;
list-style-type: none;
white-space: nowrap;
}
#mainnav li a
{
margin: 0px;
padding: 1px 20px;
font-weight: bold;
color: #FFFFFF;
}
#menu
{
margin-top: 10px;
width: 170px;
background-color: #595959;
margin-right: 10px;
padding: 10px;
}
#textbox
{
margin-top: 10px;
width: 170px;
background-color: #595959;
margin-right: 10px;
padding: 10px;
}
#contents
{
margin-top: 10px;
margin-right: 210px;
margin-left: 10px;
width 400px;
padding: 10px;
background-color: #595959;
}
#footer
{
clear: both;
background-color: black;
text-align: center;
padding: 2px;
font-size:7pt;
color: #FFFFFF;
}
A:LINK
{
color : #800000;
text-decoration:none;
font-size : 10pt;
}
A:HOVER
{
color : #800000;
text-decoration:underline;
font-size : 10pt;
}
A:VISITED
{
color : #800000;
text-decoration:none;
font-size : 10pt;
}
h2
{
font-family : Arial, Helvetica, sans-serif;
font-size : 18pt;
color : #FFFFFF;
}
h3
{
font-family : Arial, Helvetica, sans-serif;
font-size : 12pt;
color : #FFFFFF;
}
#text01
{
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #FFFFFF;
}
hier der Html Code dazu:
- Code: Alles auswählen
<DOCTYPE>
<html>
<head>
<title> Test </title>
<link>
</head>
<body>
<div>
<div>
<div>
<a><img></a>
</div>
</div>
<div>
<ul>
<li><a><b> 1 </b></a></li>
<li><a><b> 2 </b></a></li>
<li><a><b> 3 </b></a></li>
<li><a><b> 4 </b></a></li>
<li><a><b> 5 </b></a></li>
<li><a><b> 6 </b></a></li>
</ul>
</div>
<div>
<div>
<p> Ihr wollt euren Link hier auf unserer Seite haben? Dann schreibt uns einfach eine Mail. Unser Webmaster wird sich dann mit Euch in Verbindung setzten. </p>
<br>
</div>
</div>
<div>
<h3><b>Links (in alphabetischer Reihenfolge):</b></h3>
<table>
<tr>
<td> <a><img></a></td>
<td> <a> Link 1</a></td>
<td> <a><img></a></td>
<td> <a> Link 1</a></td>
</tr>
<tr>
<td> <a><img></a></td>
<td> <a> Link 1</a></td>
<td> <a><img></a></td>
<td> <a> Link 1</a></td>
</tr>
hier folgen weitere Zellenreihen.
</table>
</div>
<div>
Hier steht auch nochmals Text.
</div>
</div>
</body>
</html>
Ich habe bereits den CSS Code und den HTML Code validiert. Habe auch die beiden Validierung bestanden.
Könnt ihr mich hier bei meinem Problem helfen?
Fänd ich super. Vielen Dank schön im Voraus.
Viele Grüsse
Dominik
