SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Websites optimieren für Google & Co.

Websites optimieren für Google & Co. zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 07.02.2008, 22:34:48
wolf1985 wolf1985 ist offline
Anfänger
 
Registriert seit: Feb 2008
Beiträge: 3
CSS Problem im Firefox

Hallo Zusammen

Ich blicke nicht mehr durch! Wo liegt der Fehler? Eigentlich gar nirgends. W3C Validator zeigt an dass alles korrekt ist und valid CSS!

Leider aber habe ich das Problem, dass im Internet exploirer alles korrekt dargestellt wird.

Im Firefox aber wird das Menu und der Inhalt (also das zwischen header und footer) oben rechts verschoben angezeigt statt schön in der mitte wie footer und header-Bereich.

Warum ist das so? Kann man das irgendwie und wenn ja, wie wbändern dami alles im IE und Firefox korrket dargestellt wird?


Hier der CSS Code:

Code:
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #000033;
}
#wrapper {
 margin: auto;
 width: 922px;
}
#faux {
 background: url(images/faux.jpg);
 margin-bottom: 5px;
 overflow: auto;
 width: 100%;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-image:url(images/logo_920_130.jpg);
}

#leftcolumn {
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 195px;
 float: left;
}

#rightcolumn {
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
}
#footer {
 width: 902px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}


#menu3 {
        width: 218px;
        border: 0px solid #ccc;
        margin: 0px;
        }

#menu3 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #888;
        display: block;
        background: url(images/menu3.jpg);
        padding: 8px 0 0 30px;
        }

#menu3 li a:hover, #menu3 li #current, #menu3 li a:active {
        color: #283A50;
        background: url(images/menu3.jpg) 0 -32px;
        padding: 8px 0 0 30px;
        }

Betrifft die Website www.globesolutions.ch/index.php
Mit Zitat antworten
  #2  
Alt 07.02.2008, 22:45:04
reinhardlange reinhardlange ist offline
Anfänger
 
Registriert seit: Nov 2007
Ort: Flörsheim a.M.
Alter: 65
Beiträge: 144
AW: CSS Problem im Firefox

hi,

ich bin mir nicht sicher, ob es hilft:

#menu3 {
float: left;
width: 218px;
border: 0px solid #ccc;
margin: 0px;
}

ich habe eine ähnliche Aufteilung (aber keine faux-col) - bei mir ist noch eine Skalierung der Breite auf der rechten Seite (also immer bildschirmfüllend).

http://www.muster-elektro.de

Gruss Reinhard
Mit Zitat antworten
  #3  
Alt 07.02.2008, 22:45:59
reinhardlange reinhardlange ist offline
Anfänger
 
Registriert seit: Nov 2007
Ort: Flörsheim a.M.
Alter: 65
Beiträge: 144
AW: CSS Problem im Firefox

hatte noch vergessen (läuft im IE6, IE7, FF1-3, NS9, und Safari Apple)
Mit Zitat antworten
  #4  
Alt 11.02.2008, 22:06:45
wolf1985 wolf1985 ist offline
Anfänger
 
Registriert seit: Feb 2008
Beiträge: 3
AW: CSS Problem im Firefox

Danke für den Tipp, aber das habe ich auch schon versucht.

Es hilft nichts.
Mit Zitat antworten
  #5  
Alt 12.02.2008, 00:51:18
reinhardlange reinhardlange ist offline
Anfänger
 
Registriert seit: Nov 2007
Ort: Flörsheim a.M.
Alter: 65
Beiträge: 144
AW: CSS Problem im Firefox

hi,

noch eine Idee (vielleicht etwas gewagt):

Dein Menü ist ja eine Liste - hast Du mal versucht eine Tabelle bzw. eine Zelle drum zu legen?

Ich hatte mal ein Problem im FF damit (IE6 und IE7 machten die Darstellung korrekt, der FF hätte aber eine Höhenangabe gebraucht - mit der ... nicht eleganten ... Konstruktion ging es dann).

Gruss Reinhard
Mit Zitat antworten
  #6  
Alt 12.02.2008, 10:22:46
wolf1985 wolf1985 ist offline
Anfänger
 
Registriert seit: Feb 2008
Beiträge: 3
AW: CSS Problem im Firefox

Danke für den Tipp. Aber es klappte nicht!
Nun habe ich die Lösung des Problems. Zuert erstelle ich in der main.css eine neue Klasse:
Code:
.left { float: left; margin: 0px; margin-left: 0px; width: 100%; position: relative; }
Anschliessend, lege ich um die Divs, welche in der MItte zwischen Header und Footer angezeigt werden sollen ein P und SPAN:

Code:
...
		<p><span class="left">
		<div id="faux">

		 <div id="leftcolumn">

		                    <div id="menu3">
                        <ul>
                        ....
                      </ul>
                </div>

		 </div>



		 <div id="rightcolumn">

</div>
   </div></span></p>
...
Für alle, die nun auch Probleme haben, das ist die beste Lösung. Man setze die Problem-DIVS einfach in einen P-Container mit einer SPAN-Klasse. :)

Grüsse
Wolf

Geändert von wolf1985 (12.02.2008 um 10:27:28 Uhr)
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox Cache Problem - Radio Buttons marc26 HTML, CSS und JavaScript Help! 1 08.12.2006 16:45:41
JPGraph: Cache Problem mit Firefox 1.5.0.1 BenjaminG PHP Grundlagen 1 20.03.2006 16:57:19
Firefox 1.5 windows ME: neues Fenster kann man nicht öffnen saju Off Topic Area 2 31.01.2006 15:41:03
Problem mit Lokalisierung eines SESSION - Problems Fabian85 PHP für Fortgeschrittene und Experten 5 03.10.2005 21:17:54
anfrage zum Firefox Fabian85 HTML, CSS und JavaScript Help! 6 04.04.2005 22:11:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:43:30 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.


© 2001-2021 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt