Frage stellen
Ich bin grade dabei eine Homepage für ein Feriehaus zugestalten. Ich beschäftige mich allerdings erst seit kurzem mit CSS und html, desw. habe ich auch das ein oder andere Problem mit dem IE. Könnt ihr mir vllt helfen die Probleme zu beheben?
Ich habe screenshots gemacht bekomm sie allerdings nicht Hochgeladen...
Ich gebe sie mal so an wie ich das machen würde:
[img]file:///D:/Own%20Bilder/der%20schwelmer%20im%20IE.bmp[/img]
Das is das im IE
[img]file:///D:/Own%20Bilder/der%20schwelmer%20im%20MF.bmp[/img]
und das im MF
Es funzt aber nicht, desw. sag ich euch eben die probleme die ich im Screenshot eingerahmt hatte^^
1.
Der IE macht bei dem Logo einen (bottom)abstand den ich nicht weg kriege!
2.
Der IE macht bei dem Navigationsmenü ab dem zweiten Link einen seite abstand.
3.
der IE macht keine Auflistungen
wär echt nett wenn ihr mir i.wie helfen könntet
Ich gebe einfach mal den ganzen Code an
- Code: Alles auswählen
<html>
<head>
<title>FeHa für 6 Personen im Ostsee Heilbad Zingst</title>
<style>
* {
margin: 0;
pading: 0;
}
html {
height: 100%;
}
body {
height: 100%;
font-family: Arial;
background-color: #C6E2FF;
}
.navi {
margin-left: 6px;
}
#header {
background: #33CCFF;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
height: 98px;
border-bottom: 3px red solid;
}
#header h1{
Margin-top: 11px;
}
#header h3{
margin-left: 70px
}
#header_title {
position: absolute;
top: 10px;
left: 400px;
}
#menue {
background: #3333FF;
width: 180px;
min-height: 400px;
top: 0px;
left: 0px;
}
#menue_content {
margin-top: 100px;
}
#menue ul {
display: inline;
list-style: none;
}
#menue li {
margin: 0px;
}
#menue a {
background: #CD0000;
display: block;
height: 2em;
line-height: 2em;
padding-left: 10px;
border: 2px solid black;
border-left-color: gray;
border-top-color: gray;
margin: 2px 0px;
text-decoration: none;
color: black;
}
#menue a:hover {
border-color: black;
border-right-color: gray;
border-bottom-color: gray;
background: #EE9A00;
}
#main {
position: absolute;
top: 120px;
left: 210px;
padding: 5px;
}
#image{
float: right;
margin-right: 30px;
margin-top: 10px;
}
#main h2 {
}
</style>
<if>
<style>
#menue {
height: 100%;
}
</style>
<endif>
</head>
<body>
<div>
<img>
<div>
<h1>Der Schwelmer</h1>
<h3>in Zingst</h3>
</div>
</div>
<div>
<div>
<span><p><strong>Navigation</strong></p></span>
<ul>
<li><a>Startseite</a></li>
<li><a>Das Haus</a></li>
<li><a>Anschrift</a></li>
<li><a>Preise</a></li>
<li><a>Belegungsplan</a></li>
</ul>
</div>
</div>
<div>
<h2>Willkommen auf unserer Homepage</h2>
<br>
<e>Das Ferien Haus "der Schwelmer" in Zingst liegt seit 2006 im Grünen Winkel 33a sehr gemütlich. Es sind nur kurze 5 Minuten mit dem Fahrrad bis zu Strand und noch kürzere 2 Minuten bis in die Innenstadt des idyllischen Ostsee-Bad Zingst</e>
<br>
<img>
<ul>
<p>Das für sechs Personen ausgelegte Einzelhaus ist mit</p>
<li>einem Kamin</li>
<li>einer modernen Küche</li>
<li>zwei Fernseh-Geräten</li>
<li>zwei Badezimmern (mit jeweils mit einer Dusche)</li>
<li>zwei Schlafzimmern (mit jeweils 2 Betten)</li>
<li>einem Schlafzimmer (mit einem Bett+Aufbettung)</li>
<li>einem gemütlichem Dachboden (mit einer oder zwei Aufbettungen)</li>
<p>ausgestattet</p>
</ul>
<p>Das für sechs Personen ausgelegte Einzelhaus ist mit</p>
<p>einem Kamin</p>
<p>einer modernen Küche</p>
<p>zwei Fernseh-Geräten</p>
<p>zwei Badezimmern (mit jeweils mit einer Dusche)</p>
<p>zwei Schlafzimmern (mit jeweils 2 Betten)</p>
<p>einem Schlafzimmer (mit einem Bett+Aufbettung)</p>
<p>einem gemütlichem Dachboden (mit einer oder zwei Aufbettungen)</p>
<p>ausgestattet</p>
</div>
</body>
</html>
Ich habe noch keine möglichkeit die Website onlie zu stellen.
wenn ihr mich darauf hinweist wie man Bilder hochläd dann werde ich sofort die beiden Screenshots hochladen.
Ich danke ecuh schon mal im Vorraus!
euer TeXel
Könnt aber trotzdem euch die Finger wund schreiben