P
pepper83
Ok, der Titel ist etwas vewirrend.
Also es geht darum: Ich habe auf meiner Seite oben einen anker eingefügt, damit man schnell nach oben springen kann, wenn man das ende erreicht hat.
Ich kämpfe hier mit IE und Firefox rum.
wie kann ich ein div einfügen, dass IMMER an ende der Seite angezeigt wird, sowohl im IE also auch im Firefox.
Im IE funktionieren irgendwie keine Prozent angaben. ich hasse IE der soll endlich mal CSS2 unterstützen. *sorry, kleine Fede*
Also wer hat tipps, wie ich immer ende der seite einen link anbringen kann, um nach oben zu hüpfen
Hier der quelltext meiner index.php
und hier der meines StyleCheets
Also es geht darum: Ich habe auf meiner Seite oben einen anker eingefügt, damit man schnell nach oben springen kann, wenn man das ende erreicht hat.
Ich kämpfe hier mit IE und Firefox rum.
wie kann ich ein div einfügen, dass IMMER an ende der Seite angezeigt wird, sowohl im IE also auch im Firefox.
Im IE funktionieren irgendwie keine Prozent angaben. ich hasse IE der soll endlich mal CSS2 unterstützen. *sorry, kleine Fede*
Also wer hat tipps, wie ich immer ende der seite einen link anbringen kann, um nach oben zu hüpfen
Hier der quelltext meiner index.php
PHP:
<?
// FWF
if (!isset ($topic))
$topic = "main";
// FWF ENDE
?>
<!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>Titel</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<a name="oben" id="oben"></a>
<div id="top"><?php include('top.php');?></div>
<div id="menu"><?php include('menu.php'); ?></div>
<div id="main"><?php switch($topic)
{
case "fall1.php":
include "fall1.php";
break;
}
?>
</div>
</body>
</html>und hier der meines StyleCheets
Code:
html, body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
background-color:#FFFFFF;
height: 100%;
margin: 0;
padding: 0;
}
#top {
position:absolute;
top: 20px;
left:0px;
}
.topmenu1 {
background-image:url(../images/top_bg.jpg);
height: 50px;
width: 315px;
word-spacing: 10px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
padding-left: 179px;
padding-top: 75px;
}
.topmenu1 a{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size: 14px;
text-decoration:none;
}
.topmenu1 a:hover{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF9900;
font-size: 14px;
text-decoration:none;
}
.topmenu1 a:active{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF9900;
font-size: 14px;
text-decoration:none;
}
.topmenu2 {
background-image:url(../images/top_logo.jpg);
height: 125px;
}
#menu {
position:absolute;
left: 3px;
top: 160px;
}
.menu_top{
background-image:url(../images/menu_top.jpg);
width:154px;
height:21px;
}
.menu_bg{
background-image:url(../images/menu_bg.jpg);
width:134px;
padding-left: 10px;
font-weight:bold;
font-size:12px;
}
.menu_bg a{
width:120px;
padding: 3px;
display:block;
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-variant: small-caps;
}
.menu_bg a:hover{
width:128px;
padding: 3px;
display:block;
background-color:#666666;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-variant: small-caps;
}
.actual {
padding-left: 5px;
display:block;
padding-top: 5px;
}
.actual a {
left: 0px;
width:120px;
padding-left: 5px;
display:block;
padding-top: 5px;
color:#000000;
font-size:11px;
text-decoration:none;
}
.actual a:hover{
width:120px;
padding-left: 5px;
display:block;
padding-top: 5px;
background-color:#666666;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
.date {
font-size:10px;}
.menu_bottom{
background-image:url(../images/menu_bottom.jpg);
width:154px;
height:18px;
}
#main {
position:absolute;
left: 180px;
top: 170px;
width:720px;
}
a {
text-decoration:underline;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:hover {
text-decoration:none;
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.title {
background-image:url(../images/title.gif);
background-repeat:no-repeat;
color:#000000;
font-weight:bold;
font-size: 14px;
height: 23px;
width: 590px;
padding-left: 10px;
}
.message {
color:#000000;
width: 600px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
.message a{
color:#0000FF;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.message a:hover{
color:#0000ff;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.footer, .footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}
.footer a:hover {
text-decoration:underline;
font-size:10px;
color: #ff9900;
}
Zuletzt bearbeitet von einem Moderator:
