Nicht mehr ganz neu hier
Hallo,
ich habe eine Seite gemacht, die man auch mit mobilen Entgeräten ansehen soll.
Um zu sehen, ob alles da sitzt, wo ich es haben will, stellte ich meinen FF auf die entsprechende Größe ein. Leider wird durch irgendeine Einstellung die Seitenbreite nicht richtig umgesetzt, so dass es immer abgeschnitten wirkt.
Im Vergleich dazu einmal der IE (links)
Hier die CSS Datei:
Und noch die index.php:
Kann mir jemand sagen, wie ich den Fehler berichtige?
Mfg DonUndertaker
ich habe eine Seite gemacht, die man auch mit mobilen Entgeräten ansehen soll.
Um zu sehen, ob alles da sitzt, wo ich es haben will, stellte ich meinen FF auf die entsprechende Größe ein. Leider wird durch irgendeine Einstellung die Seitenbreite nicht richtig umgesetzt, so dass es immer abgeschnitten wirkt.
Im Vergleich dazu einmal der IE (links)
Hier die CSS Datei:
Code:
*{
margin: 0;
padding: 0;
border: 0;
}
*:focus {
outline: none;
}
body {
background: #fff;
background-image: url(Bilder/web_bg.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}
#rahmen {
width: 100%;
height: 100%;
display: block;
position: absolute;
}
#header {
width: 100%;
height: 98px;
text-align: center;
}
#button_vertretung {
width: 71px;
height: 81px;
background-image: url(Bilder/vertretung.jpg);
background-repeat: no-repeat;
background-position: center;
float: left;
display: block;
font-size: 0px;
}
#button_vertretung:hover {
background-image: url(Bilder/vertretung_hover.jpg);
}
#button_kunden_add {
width: 71px;
height: 81px;
background-image: url(Bilder/kunde_add.jpg);
background-repeat: no-repeat;
background-position: center;
float: left;
display: block;
font-size: 0px;
}
#button_kunden_add:hover {
background-image: url(Bilder/kunde_add_hover.jpg);
}
#button_kunden_edit {
width: 71px;
height: 81px;
background-image: url(Bilder/kunde_edit.jpg);
background-repeat: no-repeat;
background-position: center;
float: left;
display: block;
font-size: 0px;
}
#button_kunden_edit:hover {
background-image: url(Bilder/kunde_edit_hover.jpg);
}
#button_home {
width: 71px;
height: 81px;
background-image: url(Bilder/home.jpg);
background-repeat: no-repeat;
background-position: center;
float: left;
display: block;
font-size: 0px;
}
#button_home:hover {
background-image: url(Bilder/home_hover.jpg);
}
.clear {
clear: left;
}
#middle {
width: 90%;
padding: 0 5px 0 5px;
display: block;
text-align: left;
}
#footer {
width: 90%;
height: 22px;
font-size: 12px;
text-align: right;
padding: 0 5px 0 5px;
color: gray;
}
table.firmenliste {
width: 80%;
border: 0;
background-color: #666666;
}
th {
margin: 1px;
padding: 2px;
background-color: #E6E6E6;
}
td{
margin: 1px;
padding: 2px;
background-color: #fff;
}
td a {
color: #666666;
text-decoration: none;
}
td a:hover {
color: #666666;
text-decoration: underline;
}
#linklist {
text-align: center;
}
#linklist a {
width: 80%;
height: 25px;
margin: 3px auto 0 auto;
padding: 2px;
display: block;
text-decoration: none;
color: #666666;
line-height: 25px;
background-color: #E6E6E6;
border: 1px solid #666666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
-moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
filter:progid:DXImageTransform.Microsoft.Shadow
(color=#e2e2e2, Direction=135, Strength=5);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow
(color=#e2e2e2, Direction=135, Strength=5)";
}
#linklist a:hover {
background-color: #fff;
color: #000;
}
hr {
height: 1px;
background-color: #666;
}
.bezeichnung {
font-size: 11px;
color: #666;
margin: 0 0 12px 0;
}
Und noch die index.php:
Code:
<div align="center">
<div id="rahmen">
<div id="header">
<div id="button"><?php include('Include/button.php'); ?></div>
<div class="clear"></div>
</div>
<div id="middle">
<?php
if(!file_exists('Include/'.$site.".php")):
echo '<h2>Error 404</h2><br />Die von Ihnen angeforderte Datei <br />
namens <b>'.$site.'.php</b> <br />
ist nicht vorhanden.<br />';
else:
include('Include/'.$site.".php");
endif;
?>
<br />
</div>
<div id="footer">
<div id="copy">Copyright by Felix Titze</div>
</div>
</div>
</div>
Kann mir jemand sagen, wie ich den Fehler berichtige?
Mfg DonUndertaker