max
Erfahrenes Mitglied
Ich hab Folgendes Problem:
Ich habe einen Content Div indem der eigentliche Inhalt der Seite steht. Nun wird der Inhalt im Firefox nicht angezeigt besser gesagt nur zum Teil angezeigt. Im Internet Explorer geht es einwandfrei.
Mein CSS wäre soweit eigentlich Valide (siehe hier).
Hier gehts zu meiner Problemseite
Hier der HTML Code der Seite
Meine CSS
Mein HTML ist zwar noch nicht ganz Valide, werde ich aber noch überarbeiten (ist zZ nur eine schnell erstellte Provisorische version).
mfg und danke
max
Ich habe einen Content Div indem der eigentliche Inhalt der Seite steht. Nun wird der Inhalt im Firefox nicht angezeigt besser gesagt nur zum Teil angezeigt. Im Internet Explorer geht es einwandfrei.
Mein CSS wäre soweit eigentlich Valide (siehe hier).
Hier gehts zu meiner Problemseite
Hier der HTML Code der Seite
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Imberg | Neueröffnung</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- Head Bereich -->
<div class="header"></div>
<div class="navi"><a href="#">Home</a> | <a href="#">Imberg-Bar</a> | <a href="#">Anreise</a> | <a href="#">Gallery</a> | <a href="#">Gästebuch</a> | <a href="#">Impressum</a></div>
<div class="main">
<!-- Content Bereich -->
<div class="content">
<div class="contentPadding">
<h1>Willkommen im Imberg Salzburg! </h1>
<h1>Neueröffnung am 17. Dezember 2004</h1>
<p><img src="img/flyer.jpg" width="283" height="400" class="imgContent" /></p>
<h1>Programm:</h1>
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><h2>SA 18. Dezember 2004</h2></td>
</tr>
<tr>
<td>Imberg - Italo Dance Night. Averna um nur 2,00 Euro.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><h2>SA 25. Dezember 2004</h2></td>
</tr>
<tr>
<td>X-Mas Party, jeder Besucher erhält ein Weihnachtsgeschenk!</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><h2>FR 31. Dezember 2004</h2></td>
</tr>
<tr>
<td>Silvester Party!<br />
1 Fl. Prosecco + Red Bull 15,- Euro<br />
Früchtebowle!</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><h2>MI 5. Jänner 2005 </h2></td>
</tr>
<tr>
<td>Welcome 2005<br>
2 Bacardi Cola 5 Euro </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><h2>SA 15. Jänner 2005 </h2></td>
</tr>
<tr>
<td>Beach Party auf echtem Sand und tropischer Hitze. Bei Beach-Outfit winkt ein Gutschein im Wert von 10 Euro!</td>
</tr>
</table>
<h3>Am 24. Dezember Geschlossen! </h3>
<br />
<br />
<br />
<p>Lorem ipsum dolor sit amet,<br />
... hier steht der lange Text...</p>
</div>
</div>
<!-- Sidebar -->
<div class="sidebar">
<div class="sidebarPadding">
<!--<h1>Heute im Crazy Orange:</h1><br />
<img src="img/cocktail_night.jpg" alt="Cocktail Night" />-->
<h1>Special Drink:</h1>
<p>
<object classid="clsid:-)27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="150" height="400">
<param name="movie" value="swf/trilogie.swf" />
<param name="quality" value="high" />
<embed src="swf/trilogie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="400"></embed>
</object>
</p>
<p><strong>IMBERG-Bar</strong><br />Imbergstraße 22<br />A-5020 Salzburg<br />
<a href="mailto:office@imberg-bar.at">office@imberg-bar.at</a></p>
</div>
</div>
</div>
<a href="mailto:office@imberg-bar.at">
<!-- Footer -->
</a>
<div class="footer">
<object classid="clsid:-)27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="799" height="100">
<param name="movie" value="swf/footer2.swf" />
<param name="quality" value="high" />
<embed src="swf/footer2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="799" height="100"></embed>
</object>
</div>
</body>
</html>Meine CSS
HTML:
/* CSS IMBERG-BAR*/
body {
background-color: #333333;
}
/* Container Klassen */
.header {
position: relative;
width: 979px;
height: 162px;
margin-top: 10px;
margin-left: 6px;
background: #000000
url(../img/head.jpg) 0 0
no-repeat;
}
/* Navigation */
.navi {
padding: 5px 0 5px 0;
width: 799px;
margin-left: 95px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #111;
text-align: center;
font-size: 12px; color: #666666;
}
.navi a {font-size: 12px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none;}
.navi a:hover {font-size: 12px; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none;}
.main {
width: 799px;
margin-left: 95px;
padding-top: 10px;
padding-bottom: 10px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #000000;
text-align: left;
}
.content {
position: relative;
height: 100%;
width: 579px;
float: left;
}
.sidebar {
width: 200px;
margin-left: 582px;
}
.contentPadding{ margin: 10px 20px 10px 10px;}
.sidebarPadding{ margin: 10px 0 0 0;}
.footer {
position: relative;
width: 799px;
margin-left: 95px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color:#000000;
font-size: 9px;
}
/* Sidebar Format*/
.special {
border: 1px solid #ffbb00;
}
/* Content Div's */
.guestbook {
border: 1px solid #999999;
vertical-align: top;
padding-top: 0px;
}
.guestbookHead {
background-color: #999999;
height: 13px;
vertical-align: top;
/*margin-top: 0px;*/
}
.guestbookHead h3 {font-size: 10px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.guestbookContent {
padding-left: 3px;
padding-right: 3px;
vertical-align: top;
}
/* Text Formatierung */
h1 {font-size: 12px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px;}
h2 {font-size: 10px; color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h3 {font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h4 {}
h5 {}
h6 {}
p, td {font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}
pre {font-size: 9px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* Bilder */
.imgContent {
float: left;
padding-right: 7px;
}Mein HTML ist zwar noch nicht ganz Valide, werde ich aber noch überarbeiten (ist zZ nur eine schnell erstellte Provisorische version).
mfg und danke
max
