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, 5216 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 ...

Exchange Server
gelöst Exchange Server - User bekommt öffentlichen Ordner nicht angezeigt (4)

Frage von infostud zum Thema Exchange Server ...

Windows Netzwerk
Benutzername oder Passwort falsch (2)

Frage von Havanna63 zum Thema Windows Netzwerk ...

Neue Wissensbeiträge
Google Android

Cyanogenmod alternative Downloadquelle

(5)

Tipp von Lochkartenstanzer zum Thema Google Android ...

Batch & Shell

Batch als Dienst bei Systemstart ohne Anmeldung ausführen

(5)

Tipp von tralveller zum Thema Batch & Shell ...

Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
gelöst Statische Routen mit Shorewall, ISC-DHCP Server konfigurieren für Android Devices (24)

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

Server
gelöst Wie erkennen, dass nur deutsche IPs Zugang zu einer Website haben? (22)

Frage von Coreknabe zum Thema Server ...

Hardware
16-20 Port POE Switch mit VLAN (19)

Frage von thomasreischer zum Thema Hardware ...

Windows Server
Exchange HyperV Prozessorlast (18)

Frage von theoberlin zum Thema Windows Server ...