Bugger i Opera(løst), Bugger i FireFox

Myklebust89 · 23. desember 2004

Som du kan se når du ser på burners portfolio, footeren blir ikke liggende nederst om man bruker Opera...

Hva kan dette komme av?

style.css:

/* CSS Document */
html, body, table {
background-color:#B3B3B3;
color:#FF5000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:small;
}

body , html {
 height: 100%;
}

#container {
width:750px;
background-color:#B33900;
margin:1em auto;
}

#header {
height:150px;
width:750px;
background-image: url(design/header.jpg);
background-repeat:no-repeat;
}

#content {
border:0px;
float:left;
min-height:450px;
width:640px;
padding:5px;
height:100%;
height: auto !important;
}

#menu {
min-height:450px;
width:100px;
float:left;
background-color:#B33900;
height:100%;
height: auto !important;
}

#footer {
width:750px;
height:100px;
background-image: url(design/footer.jpg);
background-repeat:no-repeat;
float:left;
}

#button {
width: 100px;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:small;
background-color: #B33900;
color: #FF5000;
}

#button ul {
list-style: none;
margin: 0;
border: none;
}
 
#button li {
border-bottom: 1px solid #B33900;
margin: 0;
padding: 5px 10px 0px 5px;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5px;
border-right:15px solid #FF5000;
background-color: #B33900;
color: #FF5000;
text-decoration: none;
}

html>body #but2 li a {
width: auto;
}

#button li a:hover {
border-right: 15px solid #B3B3B3;
color: #B3B3B3;
}

a:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: small; color: #B3B3B3; text-decoration: none}

index.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>burners portfolio.main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<body bgcolor="#000000" text="#FFFFFF" link="#000000" vlink="#000000" alink="#000000" height="100%">

 <div id="container">
 <div id="header"></div>
 <div id="menu">
<?php
$teller_fil = ("include/teller.log");
$besokende = file($teller_fil);
$besokende[0]++;
$fp = fopen($teller_fil , "w");
fputs($fp , "$besokende[0]");
fclose($fp);?>
<div id="button">
<ul>
<li><b>» menu</b></li><br><br>
<li><a href="index.php">» main</a></li>
       <li><a href="art.php">» art</a></li>
<li><a href="pics.php">» pictures</a></li>
<li><a href="about.php">» about</a></li><br><br>
<li><b>» <?php include ("include/teller.log"); ?></b></li>
</ul>
</div>
 </div>
 <div id="content" class="main">
   <?php include ("include/content.txt"); ?>
 </div>
<div id="footer"></div></div>
</body>
</html>

Endret 24. desember 2004 av Burner89

Andreaz_ · 23. desember 2004

Vil ikke si at du har problemer med opera, det er i FF den bugger ^^

legger ved bilde

Kjørte ned kvaliteten noe sykt, men du kan se buggen - den er huge

Endret 23. desember 2004 av Dasse

Steinmann · 23. desember 2004

prøv og sett footer bildet i wrapper'n

og sett det til å vises nederst, og så en margin/padding som tilsier bildet!

gjort det på en annen side, ble pent, og da funka alt som det skulle!

Må selvfølgelig fjærne footer div'n da!

Myklebust89 · 24. desember 2004

har fått det til i Opera, men hva kan jeg gjøre for å fikse den i FF?

PoleCat · 24. desember 2004

Legg clear: left eller clear: both til #footer.

Logg inn

Bugger i Opera(løst), Bugger i FireFox

Anbefalte innlegg

Myklebust89

Lenke til kommentar

Videoannonse

Andreaz_

Lenke til kommentar

Steinmann

Lenke til kommentar

Myklebust89

Lenke til kommentar

PoleCat

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer