Akutes Problem mit CSS
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
alpha
aussehen
background
banner
beitrag
datei
display
filter
grafik
image
inhalt
komme
margin
menu
men
nachfolgend
right
spieker
test
titelzeile
-
Ich weiß nicht, was ich noch machen soll... Habe eine Seite erstellt und sie sieht im IE5 und IE6 auch genau so aus, wie sie aussehen soll... Gucke ich mir die Seite mit Firefox 1.5 an´, ist sie total zerschossen... Nachfolgend mal meine CSS Datei dazu und ein Teil aus dem HTML Code... Helft mir bitte, sonst komme ich gar nicht mehr weiter...
Hier der Link: http://www.sebastian-vogt.de/test/main.php
PS: Achtet bitte noch nicht auf Texte, Grafiken, etc.
body {
background-image: url(../grafiken/bg_1280.jpg);
background-position: top;
}
/* Logo */
#logo {
width: 139px;
float: left;
}
/* Header bzw. Banner */
#header {
width: 770px;
}
/* Menü */
#menu {
width: 140px;
float: left;
}
/* Content bzw. Inhalt */
#content {
border: 1px solid #000;
width: 780px;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
}
/* Footer bzw. Fußzeile */
#footer {
border: 1px solid #000;
background-color: #e4e4e4;
width: 960px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:10px;
clear: both;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-moz-border-radius: 10px;
}
/* Listen */
.ul {
list-style-type: discus;
}
/* die einzelnen Menüboxen auf der linken Seite */
.menucontainer {
border: 1px solid #000;
width: 139px;
margin-top: 10px;
}
/* die Titelzeile der einzelnen Menüboxen */
.menutitle {
border-bottom: 1px solid #000;
background-color: #e4e4e4;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
padding-right: 3px;
filter:alpha(opacity=40);
-moz-opacity:0.4;
}
/* der Inhalt der einzelnen Menücontainer */
.menulink {
display: block;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding-left: 3px;
}
<body style="text-align:center;background-attachment:fixed;">
<div style="width:960px;margin:0px auto;text-align:left;">
<div id="logo">
<img src="grafiken/logo.gif" height="90px" alt="logo">
</div>
<div id="header">
<img src="grafiken/header.gif" width="780px" height="90px" alt="header">
</div>
<div id="menu">
<div class="menucontainer">
<div class="menutitle">..:: Wir über uns</div>
<a class="menulink" href='main.php?page=news'>>> News</a>
<a class="menulink" href='main.php?page=infos'>>> Infos</a>
<a class="menulink" href='main.php?page=team'>>> Team</a>
<a class="menulink" href='main.php?page=kursplan'>>> Kursplan</a>
<a class="menulink" href='main.php?page=oeffnungszeiten'>>> Öffnungszeiten</a>
</div>
<div class="menucontainer">
<div class="menutitle">..:: Interaktiv</div>
<a class="menulink" href='main.php?page=fotos'>>> Fotos</a>
<a class="menulink" href='main.php?page=gaestebuch'>>> Gästebuch</a>
<a class="menulink" href='main.php?page=panorama'>>> 360° Bilder</a>
<a class="menulink" href='main.php?page=videos'>>> Videos</a>
<a class="menulink" href='main.php?page=kontakt'>>> Kontakt</a>
</div>
<div class="menucontainer">
<div class="menutitle">..:: Was ist...?</div>
<a class="menulink" href='main.php?page=aerobic'>>> Aerobic</a>
<a class="menulink" href='main.php?page=rueckenfit'>>> Rückenfit</a>
<a class="menulink" href='main.php?page=lh-training'>>> LH-Training</a>
<a class="menulink" href='main.php?page=indoor-cycling'>>> Indoor Cycling</a>
</div>
<div class="menucontainer">
<div class="menutitle">..:: Rechtliches</div>
<a class="menulink" href='main.php?page=impressum'>>> Impressum</a>
<a class="menulink" href='main.php?page=disclaimer'>>> Disclaimer</a>
</div>
</div>
<div id="content">
<?php
include('include/case.inc.php');
?>
</div>
<div id="footer">
<table width="960">
<tr><td width="240"><div align="left">|© by Norbert Spieker|</div></td>
<td width="240"><div align="center">|Online seit: 24.12.05|</div></td>
<td width="240"><div align="center">|© by Norbert Spieker|</div></td>
<td width="240"><div align="right">|V_2.0|</div></td>
</tr>
</div>
</div>
</body>
</html>
Beitrag geaendert: 6.12.2006 21:06:10 von myartanddesign
Beitrag geaendert: 6.12.2006 21:06:40 von myartanddesign -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hat sich jetzt erledigt...
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage