Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 5262 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 ..
Ähnliche Inhalte
Microsoft Office
Access 2010 Kommastelle wird falsch angezeigt

Frage von tdkcbundi zum Thema Microsoft Office ...

Windows Server
IP-Einstellungen werden falsch angezeigt (5)

Frage von schlumpf90 zum Thema Windows Server ...

Outlook & Mail
Falscher Outlook Kalender angezeigt in Outlook 2016 (3)

Frage von jensgebken zum Thema Outlook & Mail ...

Windows 10
gelöst Anmeldebildschirm Tastatur Layout Schweiz als Standard (3)

Frage von manuwj zum Thema Windows 10 ...

Neue Wissensbeiträge
Multimedia

Raspberry Pi als Digital-Signage-Computer

Information von BassFishFox zum Thema Multimedia ...

Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(15)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Router & Routing
Freigabe aus anderem Netz nicht erreichbar (21)

Frage von McLion zum Thema Router & Routing ...

Windows Server
Kennwort vergessen bei Hyper vserver 2012r (20)

Frage von jensgebken zum Thema Windows Server ...

Batch & Shell
Batch Programm verhalten bei shoutdown -p (19)

Frage von Michael-ITler zum Thema Batch & Shell ...

Festplatten, SSD, Raid
Raidcontroller funktioniert nur, wenn unter Legacy-Boot gestartet wird (13)

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