Chris-Chros
-
Gesamte Inhalte
29 -
Benutzer seit
-
Letzter Besuch
-
Probleme mit Abstand bei IE, Firefox stimmt
Chris-Chros antwortete auf Chris-Chros's Thema in Webdesign
Also habe das unnötige Div entfernt => keine Änderung! Habe jetzt bei NavHor, NavVer und bei Inhalt folgendes eingetragen: margin: 0 0 0 0; padding: 0 0 0 0; => Keine Änderung! -
Probleme mit Abstand bei IE, Firefox stimmt
Chris-Chros antwortete auf Chris-Chros's Thema in Webdesign
Werde es heute mal probieren. Du hörst von mir! -
Probleme mit Abstand bei IE, Firefox stimmt
Chris-Chros antwortete auf Chris-Chros's Thema in Webdesign
Kannst du mir auch eine Lösung dazu sagen? -
Probleme mit Abstand bei IE, Firefox stimmt
Chris-Chros antwortete auf Chris-Chros's Thema in Webdesign
Hallo. Also das Map-Problem ist gelöst. -> Fehlendes "#" bei Usemap Abstand-Problem noch offen! :confused: -> Hat niemand eine Idee? -
Hallo. Ich bin gerade dabei ein Grundlayout mit HTML + CSS zu machen. Jetzt steht dieses so weit im Firefox, aber im Internet Explorer stimmen zwei Dinge nicht. 1. Die Links (Hotspots auf Bild) "Leistungsspektrum" und "Diagnostik" funktionieren im IE nicht - Diese sind nicht anklickbar. 2. Habe an zwei Stellen Abstände drin, obwohl da keine sein sollten. Im Firefox ist es richtig. Hier der Link: http://www.derossi.de/Layout2005/ Kann mir bitte jemand bei den zwei Problemchen helfen?
-
Hey, du bist verdammt gut! :e@sy :hodata VIELEN DANK! :marine
-
Jetzt macht er den Inhalt in eine Flucht -> Super! Danke! :e@sy Was könnte ich noch ausser <font> nehmen? <p> oder so...?? Die Sonderzeichen ändere ich später, wenn alles geht. Trotzdem danke! Wenn du mir nun noch mit der Navigation hilfst, dass die bis runter geht, ohne dass ich eine Höhe vorgeben muss...
-
Okay, habe ich rein gemacht -> Keine Änderung erkannt! Wo habe ich Font-Tags bzw. was verstehst du darunter? Edit: Meinst du bei dem Copyright? Okay, habe ich hinzugefügt.
-
Es sieht nun so aus:www.Christian-Jaeckle.de
-
Die Kosten würden mich nun noch interessieren pro Nummer!
-
Habe nun fast alle Vorschläge von dir umgesetzt und noch ein wenig weiter gemacht. Dabei ist nun folgendes heraus gekommen... HTML-Datei: <html> <head> <title>Titel</title> <link rel="stylesheet" type="text/css" href="Layout/Style.css"> </head> <body> <div id="Basis"> <div id="Kopf"><img src="Logo.png" width="300" height="70"></div> <div id="Navi1"><a href="index.php" target="_top">Startseite</a></div> <div id="Navi2"><img src="Artikel.png" width="140" height="15"> <ul> <li>- PHP</li> <li>- VB-Skript</li> <li>- Visual Basic</li> </ul> <img src="Allgemeines.png" width="140" height="15"> <ul> <li>- <a href="index.php?Seite=Links">Links</a></li> <li>- <a href="index.php?Seite=Downloads">Downloads</a></li> </ul> <img src="Website.png" width="140" height="15"> <ul> <li>- <a href="index.php?Seite=Historie">Historie</a></li> <li>- <a href="index.php?Seite=Besucher">Besucher</a></li> <li>- <a href="index.php?Seite=Gaestebuch">Gästebuch</a></li> </div> <div id="Inhalt"> INHALT </div> <div id="Fuss"> FUSSTEXT </div> </div> <br><font class="Status">Copyright ©2004 by <a href="Http://www.Domain.de/index.php?Seite=Impressum">Urheber</a></font> </body> </html> Style-Datei: #Basis { width: 800px; margin-top: 20px; background: #FFFFFF; border: 1px solid #DFDFDF; } #Kopf { height: 70px; text-align: left; background: #85ADD6 url(Back_Oben.png) repeat; } #Navi1 { height: 18px; font-size: 8pt; text-align: left; background: #EBEBEB; vertical-align: middle; border-top: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; } #Navi2 { float: left; width: 140px; display: block; font-size: 9pt; text-align: left; vertical-align: top; background: #FBFBFB; border-right: 1px solid #F3F3F3; } #Inhalt { float: right; background: #FFFFFF; } #Fuss { clear: both; height: 16px; font-size: 8pt; background: #F2F2F2; text-align: center; vertical-align: middle; } body { margin: auto; color: #333333; font-size: 10pt; text-align: center; font-family: Verdana; background-color: #F2F2F2; scrollbar-face-color: #85ADD6; scrollbar-track-color: #F2F2F2; scrollbar-shadow-color: #85ADD6; scrollbar-arrow-color: #FF5500; scrollbar-3dlight-color: #85ADD6; scrollbar-highlight-color: #85ADD6; scrollbar-darkshadow-color: #85ADD6; } li { list-style: none; } Was leider noch nicht geht: Das Layout von "#Navi2" soll so hoch sein, wie "#Inhalt". Wobei die Höhe von "#Inhalt" variabel sein muss, aber mindestens 500 Pixel. Kannst du das noch lösen!?
-
du hast mir echt weiter geholfen!:e@sy Was leider noch nicht geht ist, dass das Layout von "#Navi2" fortgefahren wird, wenn "Inhalt" größer wird. :confused: Der Text aus "Inhalt" wird nun zwar nicht mehr unter "#Navi2" geschoben :marine , aber die Navigation wird halt nach dem letzten Punkt abgeschnitten.
-
Jaein... Zwische meiner horizontalen Navigation und dem Logo ist ein Abstand.
-
Stimmt, aber nur hier im Forum! :WD
-
Hallo. Ich habe ein HTML-Layout gehabt, was ich nun in CSS umwandeln möchte. So weit hat das auch geklappt, bis auf drei Punkte: 1. Unterhalb des Logos (70 Pixel hoch) ist ein wenig Platz, obwohl der Kopfbereich auch 70 Pixel hoch ist. Wie bekomme ich diesen Abstand weg? 2. Bei dem Div mit dem Namen "Navi2" musste ich die Höhe festlegen, damit mir der Inhalt nicht unter die Navigation geschrieben wird. Wie kann ich erreichen, dass "Navi2" immer so hoch wie "Inhalt" ist? 3. Wenn ich nun eine Tabelle in dem Div "Inhalt" erstelle, muss ich immer die Breite in Pixeln angeben und kann nicht 100% als Wert nehmen. Wieso? Meine Style-Datei: #Basis { width: 800px; background: #FFFFFF; border: 1px solid #DFDFDF; } #Kopf { height: 70px; text-align: left; } #Navi1 { text-align: left; background: #EBEBEB; border-bottom: 1px solid #D3D3D3; } #Navi2 { float: left; height: 600px; width: 140px; text-align: left; vertical-align: top; } #Inhalt { background: #FFFFFF; } #Fuss { clear: left; height: 16px; } Meine HTML-Datei: <html> <head> <link rel="stylesheet" type="text/css" href="Style.css"> </head> <body> <div align="center"> <div id="Basis"> <div id="Kopf"><img src="Logo.png" width="300" height="70"></div> <div id="Navi1"><a href="index.php" target="_top">Startseite</a></div> <div id="Navi2">Links<br>Downloads<br></div> <div id="Inhalt">Mein Inhalt</div> <div id="Fuss">Copyright by ...</div> </div> </body> </html>
