Auf Thema antworten 2026

Beitrag

<blockquote data-quote="DonUndertaker" data-source="post: 1835196" data-attributes="member: 109165">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:[CODE]*{&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; border: 0;}*:focus {&nbsp; &nbsp; outline: none;}body {&nbsp; &nbsp; background: #fff;&nbsp; &nbsp; background-image: url(Bilder/web_bg.jpg);&nbsp; &nbsp; background-repeat: repeat-x;&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;}#rahmen {&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 100%;&nbsp; &nbsp; display: block;&nbsp; &nbsp; position: absolute;}#header {&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 98px;&nbsp; &nbsp; text-align: center;}#button_vertretung {&nbsp; &nbsp; width: 71px;&nbsp; &nbsp; height: 81px;&nbsp; &nbsp; background-image: url(Bilder/vertretung.jpg);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; float: left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-size: 0px;}#button_vertretung:hover {&nbsp; &nbsp; background-image: url(Bilder/vertretung_hover.jpg);}#button_kunden_add {&nbsp; &nbsp; width: 71px;&nbsp; &nbsp; height: 81px;&nbsp; &nbsp; background-image: url(Bilder/kunde_add.jpg);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; float: left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-size: 0px;}#button_kunden_add:hover {&nbsp; &nbsp; background-image: url(Bilder/kunde_add_hover.jpg);}#button_kunden_edit {&nbsp; &nbsp; width: 71px;&nbsp; &nbsp; height: 81px;&nbsp; &nbsp; background-image: url(Bilder/kunde_edit.jpg);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; float: left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-size: 0px;}#button_kunden_edit:hover {&nbsp; &nbsp; background-image: url(Bilder/kunde_edit_hover.jpg);}#button_home {&nbsp; &nbsp; width: 71px;&nbsp; &nbsp; height: 81px;&nbsp; &nbsp; background-image: url(Bilder/home.jpg);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; float: left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-size: 0px;}#button_home:hover {&nbsp; &nbsp; background-image: url(Bilder/home_hover.jpg);}.clear {&nbsp; &nbsp; clear: left;}#middle {&nbsp; &nbsp; width: 90%;&nbsp; &nbsp; padding: 0 5px 0 5px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; text-align: left;}#footer {&nbsp; &nbsp; width: 90%;&nbsp; &nbsp; height: 22px;&nbsp; &nbsp; font-size: 12px;&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; padding: 0 5px 0 5px;&nbsp; &nbsp; color: gray;}table.firmenliste {&nbsp; &nbsp; width: 80%;&nbsp; &nbsp; border: 0;&nbsp; &nbsp; background-color: #666666;}th {&nbsp; &nbsp; margin: 1px;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; background-color: #E6E6E6;}td{&nbsp; &nbsp; margin: 1px;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; background-color: #fff;}td a {&nbsp; &nbsp; color: #666666;&nbsp; &nbsp; text-decoration: none;}td a:hover {&nbsp; &nbsp; color: #666666;&nbsp; &nbsp; text-decoration: underline;}#linklist {&nbsp; &nbsp; text-align: center;}#linklist a {&nbsp; &nbsp; width: 80%;&nbsp; &nbsp; height: 25px;&nbsp; &nbsp; margin: 3px auto 0 auto;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; color: #666666;&nbsp; &nbsp; line-height: 25px;&nbsp; &nbsp; background-color: #E6E6E6;&nbsp; &nbsp; border: 1px solid #666666;&nbsp; &nbsp; &nbsp; &nbsp; -webkit-border-radius: 10px;&nbsp; &nbsp; -moz-border-radius: 10px;&nbsp; &nbsp; border-radius: 10px;&nbsp; &nbsp; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;&nbsp; &nbsp; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;&nbsp; &nbsp; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.Shadow&nbsp; &nbsp; (color=#e2e2e2, Direction=135, Strength=5);&nbsp; &nbsp; -ms-filter:&quot;progid:DXImageTransform.Microsoft.Shadow&nbsp; &nbsp; (color=#e2e2e2, Direction=135, Strength=5)&quot;;}#linklist a:hover {&nbsp; &nbsp; background-color: #fff;&nbsp; &nbsp; color: #000;}hr {&nbsp; &nbsp; height: 1px;&nbsp; &nbsp; background-color: #666;}.bezeichnung {&nbsp; &nbsp; font-size: 11px;&nbsp; &nbsp; color: #666;&nbsp; &nbsp; margin: 0 0 12px 0;}[/CODE]Und noch die index.php:[CODE]&lt;div align=&quot;center&quot;&gt;&nbsp;&nbsp; &lt;div id=&quot;rahmen&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button&quot;&gt;&lt;?php include(&#039;Include/button.php&#039;); ?&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;middle&quot;&gt;&lt;?php&nbsp; &nbsp; if(!file_exists(&#039;Include/&#039;.$site.&quot;.php&quot;)):&nbsp; &nbsp; &nbsp; &nbsp; echo &#039;&lt;h2&gt;Error 404&lt;/h2&gt;&lt;br /&gt;Die von Ihnen angeforderte Datei &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; namens &lt;b&gt;&#039;.$site.&#039;.php&lt;/b&gt; &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; ist nicht vorhanden.&lt;br /&gt;&#039;;&nbsp; &nbsp; else:&nbsp; &nbsp; &nbsp; &nbsp; include(&#039;Include/&#039;.$site.&quot;.php&quot;);&nbsp; &nbsp; endif;?&gt;&nbsp; &nbsp;&nbsp; &lt;br /&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;copy&quot;&gt;Copyright by Felix Titze&lt;/div&gt; &nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;[/CODE]Kann mir jemand sagen, wie ich den Fehler berichtige?Mfg DonUndertaker</blockquote>

[QUOTE="DonUndertaker, post: 1835196, member: 109165"] 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: [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; } [/CODE] 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> Die von Ihnen angeforderte Datei namens '.$site.'.php ist nicht vorhanden. '; else: include('Include/'.$site.".php"); endif; ?> </div> <div id="footer"> <div id="copy">Copyright by Felix Titze</div> </div> </div> </div> [/CODE] Kann mir jemand sagen, wie ich den Fehler berichtige? Mfg DonUndertaker [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?