Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

layout im FF wird sporadisch falsch angezeigt

Frage Internet

Mitglied: Compane

Compane (Level 1) - Jetzt verbinden

22.10.2008, aktualisiert 27.10.2008, 5178 Aufrufe, 5 Kommentare

Hallo zusammen,

ich habe ein Problem mit einer Homepage die ich erstellt habe und hoffe ihr könnt mir da weiter Helfen.

unter: http://www.ib-faust.de/index.php?currentTopic=Unternehmen&currentIt ...

im FF wird der inhalt meines MainContents sporadisch außerhalb des div`s angezeigt, beim IE geht es aber!

Also mehrfach mal bei Unternehmen Klicken und dann springt der Inhalt immer mal runter und wieder hoch!

Wenn ich die Seite aber local teste dann tritt der Fehler nie auf!



Ich hoffe ihr könnt mir vielleicht schon ein paar tipps geben

Danke

grüße
Compane
Mitglied: Mitchell
22.10.2008 um 21:07 Uhr
Hi Compane,

es ist immer gut, den entsprechenden Code zu possten. Ansonsten müssen sich alle nämlich erstmal durch deinen Quelltext und deine CSS durchquälen, worauf ich (zumindest momentan) keine Lust habe.
Ansonsten helfen wir gerne

Mfg

Mitchell
Bitte warten ..
Mitglied: Compane
22.10.2008 um 21:51 Uhr
Servus

Danke für die Antwort ich probiere mal mein bestes, es ist nen Haufen.

erstmal die css:

html, body {
color:#000000;
font-family:"Trebuchet MS","Lucida Sans",sans-serif,Verdana,Arial;
font-size:1em;
font-weight:normal;
overflow:scroll;
}
#containerBody {
background-color:#FFFFFF;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
#containerHeader {
display:inline-table;
width:100%;
}
#containerHeader .IBFaust {
background-color:#FFFFFF;
text-align:center;
width:100%;
}
#containerHeader p {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}
#containerHeader p.IB {
border-bottom:2px solid #0000FF;
font-weight:normal;
}
#containerHeader .StdLinks {
float:right;
margin-right:20px;
}
#containerHeader a {
border:medium none;
height:25px;
line-height:25px;
width:25px;
}
#containerHeader a.stdLinksHome {
background:transparent url(../Images/imgNavHomeHover.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksHome:hover {
background:transparent url(../Images/imgNavHome.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksSiteMap {
background:transparent url(../Images/imgNavSiteMapHover.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksSiteMap:hover {
background:transparent url(../Images/imgNavSiteMap.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksPrint {
background:transparent url(../Images/imgNavPrintHover.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksPrint:hover {
background:transparent url(../Images/imgNavPrint.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksContact {
background:transparent url(../Images/imgNavContactHover.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader a.stdLinksContact:hover {
background:transparent url(../Images/imgNavContact.png) no-repeat scroll center center;
border:medium none;
display:inline-table;
float:left;
height:25px;
line-height:25px;
margin-left:10px;
text-decoration:none;
width:25px;
}
#containerHeader .IBLogoAndText {
background-image:url(../Images/BGHeader.png);
background-position:center center;
background-repeat:repeat-x;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:100%;
}
#containerHeader div.logo {
background-color:#FFFFFF;
background-image:url(../Images/Logo.jpg);
background-position:center top;
background-repeat:no-repeat;
border:2px solid #FFFFFF;
float:left;
height:120px;
margin-bottom:20px;
margin-left:50px;
width:120px;
}
html > body #containerHeader div.logo {
background-color:#FFFFFF;
background-image:url(../Images/Logo.jpg);
background-position:center top;
background-repeat:no-repeat;
border:2px solid #FFFFFF;
float:left;
height:120px;
margin-bottom:0;
margin-left:50px;
margin-top:-10px;
width:120px;
}
#containerHeader a.logo {
background-color:transparent;
height:120px;
width:120px;
}
#containerHeader .IBText {
background-color:transparent;
float:left;
height:50px;
margin-bottom:auto;
margin-left:20px;
margin-top:15px;
padding-top:0;
text-align:justify;
}
#containerHeader .IBDesc {
color:#000000;
font-size:18px;
margin:0;
padding:0;
}
#containerHeader .IBLeistungen {
background-color:transparent;
color:#FFFFFF;
font-size:17px;
font-style:italic;
margin:5px 0 0;
padding:0;
}
#containerHeader .currentLocation {
margin:20px 0 0;
padding:0;
text-align:left;
}
#containerHeader p.currentLocation {
display:block;
font-size:12px;
margin-left:0;
padding:0;
text-align:left;
}
#containerHeader a.currentLocation {
background-color:#FFFFFF;
color:#514EF5;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
#containerHeader a.currentLocation:hover {
background-color:#FFFFFF;
color:#514EF5;
margin-left:5px;
margin-right:5px;
text-decoration:underline;
}
#containerMain {
background-image:url(../Images/ShadowMainKachel.png);
background-position:center top;
background-repeat:repeat-x;
display:table;
margin-top:0;
min-height:375px;
width:100%;
}
#Navigation {
background:transparent url(../Images/BGMainLeft.png) no-repeat scroll right top;
float:left;
height:100%;
max-width:200px;
min-width:170px;
padding-top:0;
text-align:left;
width:20%;
}
#Navigation a {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #666666;
color:#0000FF;
display:block;
font-size:12px;
font-weight:300;
height:40px;
letter-spacing:1px;
line-height:40px;
text-decoration:none;
text-indent:10px;
}
#Navigation a.navigationfirst {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#0000FF;
display:block;
font-weight:normal;
height:40px;
letter-spacing:1px;
line-height:40px;
text-decoration:none;
text-indent:10px;
}
#Navigation a.navigationfirstactive {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
line-height:40px;
text-decoration:none;
text-indent:10px;
}
#Navigation a.navigationfirstactive:hover {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
line-height:40px;
text-decoration:none;
text-indent:10px;
}
#Navigation a:hover {
background:#C8C8FF url(../Images/BGMainLeft.png) no-repeat scroll right top;
border-top:1px solid #333333;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
text-decoration:none;
}
#Navigation a:focus {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
text-decoration:none;
}
#Navigation a:active {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
text-decoration:none;
}
#Navigation a.navigationactive {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
display:block;
font-weight:bold;
height:40px;
letter-spacing:1px;
text-decoration:none;
}
#Navigation a.navigationactive:hover {
background:#C8C8FF url(../Images/BGNavItem.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#FFFFFF;
}
#Navigation div.subnavigation {
margin-bottom:20px;
}
#Navigation a.subnavigation {
background:#C8C8FF url(../Images/BGMainLeft.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-left:10px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-weight:normal;
height:30px;
letter-spacing:0.5px;
line-height:30px;
text-decoration:none;
text-indent:20px;
}
#Navigation a.subnavigation:hover {
background:#FFFFFF url(../mages/BGMainLeft.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-left:10px solid #C8C8FF;
border-top:1px solid #666666;
color:#514EF5;
display:block;
font-weight:normal;
height:30px;
letter-spacing:1px;
line-height:30px;
text-decoration:none;
text-indent:20px;
}
#Navigation a.subnavigationactive {
background:#FFFFFF url(../mages/BGMainLeft.png) no-repeat scroll right top;
border-bottom:1px solid #666666;
border-left:10px solid #C8C8FF;
border-top:1px solid #666666;
color:#514EF5;
display:block;
font-weight:normal;
height:30px;
letter-spacing:1px;
line-height:30px;
text-decoration:none;
text-indent:20px;
}
#MainColumn {
background:transparent url(../Images/BGMainRight.png) no-repeat scroll right top;
float:left;
max-width:800px;
padding-left:0;
text-align:left;
width:75%;
}
#containerSlideShow {
background-color:transparent;
display:table;
height:200px;
margin:auto;
padding-top:15px;
width:500px;
}
#containerSlideShow .SlideShow {
background-image:url(../Images/SlideShow1.jpg);
background-position:left top;
background-repeat:no-repeat;
height:200px;
margin-left:auto;
width:500px;
}
#containerSlideShow img {
height:200px;
margin-left:auto;
width:500px;
}
#containerMainContent {
border:0 solid #000000;
clear:both;
font-size:0.9em;
margin-top:10px;
width:100%;
}
#containerMainContent div.mainContent {
background-image:url(../Images/BGMainContent.png);
background-position:left top;
background-repeat:no-repeat;
border:0 solid #000000;
max-width:780px;
padding:20px;
text-align:justify;
width:95%;
}
#containerMainContent h1.mainContent {
border-bottom:1px solid #514EF5;
color:#514EF5;
font-size:1.4em;
font-variant:small-caps;
font-weight:normal;
letter-spacing:1.5px;
padding-left:25px;
padding-top:10px;
text-align:left;
}
#containerMainContent h2.mainContent {
color:#000000;
font-size:1em;
font-weight:bold;
text-align:left;
}
#containerMainContent h1.mainContent:first-letter {
color:#514EF5;
font-size:1.6em;
font-variant:small-caps;
font-weight:normal;
letter-spacing:2px;
padding-top:10px;
}
#containerMainContent li {
color:#000000;
list-style-position:outside;
list-style-type:square;
padding-top:20px;
text-align:left;
}
#containerMainContent li.subList {
list-style-type:circle;
padding:5px;
}
#containerMainContent a {
color:#514EF5;
text-decoration:none;
}
#containerMainContent a:hover {
color:#514EF5;
text-decoration:underline;
}
#containerMainContent p {
color:#000000;
padding-left:20px;
}
#containerFooter {
background-image:url(../Images/BGHeader.png);
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
height:35px;
margin:auto;
text-align:center;
width:100%;
}
#containerFooter .validate {
background-color:transparent;
float:left;
font-size:12px;
margin-top:10px;
padding:0;
}
#containerFooter p {
display:inline;
height:12px;
margin-left:10px;
width:150px;
}
#containerFooter .copyright {
background-color:transparent;
float:right;
font-size:12px;
margin-right:10px;
margin-top:10px;
width:650px;
}
#containerFooter a {
background-color:transparent;
color:#FFFFFF;
text-decoration:underline;
}
#containerFooter a:hover {
color:#FFFF00;
text-decoration:none;
}

und die html (der body):

<div id="containerMain">
<div id="Navigation">
<p> </p>
<a class="navigationactive" href="index.php">Home</a>
<a class="navigation" href="index.php?currentTopic=Unternehmen">Unternehmen</a>
<a class="navigation" href="index.php?currentTopic=Dienstleistungen">Dienstleistungen</a>
<a class="navigation" href="mailto:service@ib-faust.de">Kontakt</a>
<a class="navigation" href="index.php?currentTopic=Impressum">Impressum</a>
<br/>
<br/>
<img alt="TÜV Cert : 01 675 045272" src="Images/LogoTUEVCert.png"/>
</div>
<div id="MainColumn">
<div id="containerSlideShow">
<script type="text/javascript" src="JavaScript/slide.JS">

</script>
<div id="img1" class="SlideShow" style="opacity: 0; visibility: hidden; z-index: 1;">
<img border="0" ;="" src="images/SlideShow1.jpg"/>
</div>
<div id="img2" class="SlideShow" style="visibility: visible; opacity: 1; z-index: 2;">
<img border="0" ;="" src="images/SlideShow2.jpg"/>
</div>
<div id="img3" class="SlideShow" style="visibility: hidden; opacity: 0; z-index: 1;">
<img border="0" ;="" src="images/SlideShow3.jpg"/>
</div>
<style type="text/css">
1#img1 {position:absolute; top:168px; visibility:visible; z-index:2; height:200px;}#img2 {position:absolute; top:168px; visibility:hidden; z-index:1; height:200px;}#img3 {position:absolute; top:168px; visibility:hidden; z-index:1; height:200px;}
</style>
</div>
<div id="containerMainContent">
<div class="MainContent">
<h1 class="mainContent">Das Unternehmen</h1>
<p>Unser Ingenieurbüro stellt durch die Zusammenarbeit mit Architekten, Fachplanern, Behörden und Künstlern stets unsere Teamfähigkeit und ein globales dynamisches Denken und Handeln bei hoher Kontinuität, Terminsicherheit und Zuverlässigkeit unter Beweis.</p>
<p>
<a href="index.php?currentTopic=Unternehmen&currentItem=Unternehmen"> erfahren Sie mehr...</a>
</p>
<h1 class="mainContent">Neue Leistungen seit Oktober 2008</h1>
<p>Unser geschultes Fachpersonal errichtet Ihr Computernetzwerk basierend auf der Microsoft Windows Server 2003 und Windows XP professional Ebene und optimiert dieses sowohl für bestehende als auch für neue Netzwerke. Die Client und Server Installation sowie das Programmieren der Switche und Router ist dabei inbegriffen.</p>
<p>Durch die von uns angebotenen Verfahren lässt sich eine generelle Ablauf und Prozessoptimierung erreichen, bei der unsere Techniker auf die Mittel der PHP, MySQL, HTML und Java-Script Programmierung zurückgreifen können.</p>
<p>Natürlich steht unser Personal auch für einzelne Problemlösungen bei Hard- und Softwarefehlern, kompletten Netzwerinstallationen und der Dokumentation zur Verfügung.</p>
<p>Auf Ihren Wunsch erstellen wir Ihnen Ihre Internetpräsenz mit verschlüsseltem Zugriff auf das firmeninterne Netzwerk.</p>
<p>
<a href="index.php?currentTopic=Unternehmen&currentItem=Neue Leistungen">erfahren Sie mehr...</a>
</p>
</div>
<div class="MainContent">
<h1 class="mainContent">Unser Lesitungsangebot</h1>
<p>Unser Angebot gliedert sich in folgende Bereiche:</p>
<ul class="mainContent">
<li>Energieversorgung</li>
<li>Blitzschutz/EMV</li>
<li>Kommunikationsanlagen</li>
<li>Computernetze</li>
<li>Krankenhaustechnik</li>
<li>Gebäudemanagementsysteme</li>
<li>Sicherheitsanlagen</li>
<li>Elektroakustische Anlagen</li>
<li>Energiegewinnung</li>
</ul>
<p>
<a href="index.php?currentTopic=Dienstleistungen"> erfahren Sie mehr...</a>
</p>
</div>
</div>
</div>
</div>
<div id="containerFooter">
<div class="validate">
<p>
<a href="http://validator.w3.org/check?uri=http://www.ib-Faust.de/index.php ..."
<img style="border: medium none ;" alt="Valid XHTML 1.0 Transitional" src="Images/validXHTML.jpg"/>
</a>
</p>
<p>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.IB-Fa ..."
<img style="border: medium none ;" alt="CSS ist valide!" src="Images/validCSS.jpg"/>
</a>
</p>
</div>
<div class="copyright">
© 2008 Fachplanungsbüro für Kommunikations-, Computer- und Sicherheitsanlagen und
<a target="_blank" href="http://www.individualsolutions.de;>IndividualSolutions.de</a ..."
</div>
</div>
</div>
</body>


so das ist eigentlich alles (ich musste halt schon das geparste schicken weil es sonst zuviele dateien werden)

Ich hoffe das Hilft euch.

grüße
Compane
Bitte warten ..
Mitglied: Mitchell
23.10.2008 um 17:43 Uhr
Hi,

du hast mich da missverstanden. Den Code kann ich mir auch so ansehen, ich meinte
den entsprechenden Code
. In deinem Fall der div-tag, der "springt" mit Formatierung. Habe leider grade keine Zeit, aber ich schaus mir heute Abend bestimmt noch an.

Mfg

Mitchell
Bitte warten ..
Mitglied: Compane
25.10.2008 um 22:13 Uhr
Servus

und haste schon was gefunden?
Bitte warten ..
Mitglied: Mitchell
27.10.2008 um 16:34 Uhr
Bin noch nich dazu gekommen...aber nu

Ich sehe keine eindeutige Postionierung des maincontent, bin ich blind oder gibts einfach keine?

Mfg

Mitchell
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

(8)

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
Windows Server
IP-Einstellungen werden falsch angezeigt (5)

Frage von schlumpf90 zum Thema Windows Server ...

Webbrowser
gelöst Web DE Seite öffnet wird im FF nicht mehr korrekt angezeigt (3)

Frage von H41mSh1C0R zum Thema Webbrowser ...

Windows 10
Anmeldebildschirm Tastatur Layout Schweiz als Standard (2)

Frage von manuwj zum Thema Windows 10 ...

LAN, WAN, Wireless
gelöst MAC Vendor von 00:FF:FF (4)

Frage von emeriks zum Thema LAN, WAN, Wireless ...

Heiß diskutierte Inhalte
Microsoft
Ordner mit LW-Buchstaben versehen und benennen (20)

Frage von Xaero1982 zum Thema Microsoft ...

Outlook & Mail
gelöst Outlook 2010 findet ost datei nicht (19)

Frage von Floh21 zum Thema Outlook & Mail ...

Netzwerkmanagement
gelöst Anregungen, kleiner Betrieb, IT-Umgebung (18)

Frage von Unwichtig zum Thema Netzwerkmanagement ...

Festplatten, SSD, Raid
M.2 SSD wird nicht erkannt (14)

Frage von uridium69 zum Thema Festplatten, SSD, Raid ...