php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 10-06-2008, 23:49
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard [CSS] Problem mit Abstand bei Firefox und Opera sowie Mindesthöhe bei IE6

Hallo Community!

Ich hab folgendes Problem:

Ich habe ein Design mit CSS erstellt (http://flirtix.kilu.de/design/). Im Internet Explorer 7 sieht das alles wunderbar aus nur ist im Firefox und Opera ein Abstand zwischen header und der roten menüleiste. Wie bekomme ich den Weg? Ich post mal den HTML- und den CSS-Code:

HTML-Code:

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html>
  <
head>
    <
title>neu</title>
    <
link rel="stylesheet" type="text/css" href="style.css">
  </
head>

  <
body>
    <
div id="container">
      <
span id="left-top"></span>
      <
span id="top"></span>
      <
span id="right-top"></span>
      <
span id="left"></span>
      <
span id="right"></span>
      <
span id="left-bottom"></span>
      <
span id="bottom"></span>
      <
span id="right-bottom"></span>

        <
div id="header">
          <
img src="logo.gif" id="logo">
          <
img src="banner.jpg" id="banner">
        </
div>
        <
div id="mainnav">
          <
ul>
            <
li id="mainnav-start">Start</li>
            <
li id="mainnav-toplists">Toplisten</li>
            <
li id="mainnav-forum">Forum</li>
            <
li id="mainnav-usearch">User-Suche</li>
            <
li id="mainnav-help">Hilfe</li>
            <
li id="mainnav-contact">Kontakt</li>
          </
ul>
        </
div>
        <
div id="menu">
          <
ul id="menu-box">
            <
li id="menu-mailbox">Mailbox (1)</li>
            <
li id="menu-uonline">User online (10):</li>
            <
li id="menu-uonlinelist">test</li>
            <
li id="menu-buddiesbans">Buddies Bans</li>
            <
li id="menu-credits">Credits</li>
            <
li id="menu-profile">Profil</li>
            <
li id="menu-options">Einstellungen</li>
          </
ul>
        </
div>
        <
div id="content">
          
text
        
</div>
        <
div id="footer">
          <
ul>
            <
li id="footer-agb">AGB</li>
            <
li id="footer-copyright">Copyright &copy2008 Flirtix.de</li>
            <
li id="footer-impressum">Impressum</li>
          </
ul>
        </
div>
      </
div>
  </
body>
</
html
CSS-Code:

PHP-Code:
      @charset "ISO-8859-1";

      
body {
        
text-aligncenter;
        
margin0;
      }
 
      
#container {
        
text-alignleft;
        
positionrelative;
        
padding15px;
        
width892px;
        
heightauto;
        
margin25px auto;
      }

      
#left-top, #right-top, #left-bottom, #right-bottom, #left, #right, #top, #bottom {
        
positionabsolute;
        
displayblock;
      }

      
#left-top {
        
width15px;
        
height15px;
        
backgroundurl(left_top.gifno-repeat;
        
top0;
        
left0;
      }

      
#right-top {
        
width15px;
        
height15px;
        
backgroundurl(right_top.gifno-repeat;
        
top0;
        
right0;
      }

      
#left-bottom {
        
width15px;
        
height15px;
        
backgroundurl(left_bottom.gifno-repeat;
        
bottom0;
        
left0;
      }

      
#right-bottom {
        
width15px;
        
height15px;
        
backgroundurl(right_bottom.gifno-repeat;
        
bottom0;
        
right0;
      }

      
#top {
        
width892px;
        
height15px;
        
displayblock;
        
backgroundurl(top.gif);
        
top0px;
      }

      
#bottom {
        
width892px;
        
height15px;
        
displayblock;
        
backgroundurl(bottom.gif);
        
bottom0px;
      }

      
#left {
        
width15px;
        
heightauto;
        
displayblock;
        
backgroundurl(left.gif);
        
left0px;
        
top15px;
        
bottom15px;
      }

      
#right {
        
width15px;
        
heightauto;
        
displayblock;
        
backgroundurl(right.gif);
        
top15px;
        
right0px;
        
bottom15px;
      }

      
#header {
        
backgroundurl(header_bg.gif);
        
height100px;
      }

      
#logo {
        
positionabsolute;
        
left46px;
        
top33px;
      }

      
#banner {
        
positionabsolute;
        
right35px;
        
top35px;
      }

      
#mainnav {
        
height35px;
      }

      
#mainnav-start, #mainnav-toplists, #mainnav-forum, 
#mainnav-usearch, #mainnav-help, #mainnav-contact {
        
displayinline;
        
positionabsolute;
        
border-left1px solid #FF3333;
        
border-right1px solid #800000;
        
line-height35px;
        
text-aligncenter;
        
backgroundurl(mainnav_bg.gif);
        list-
style-typenone;
        
color#FFFFFF;
        
font-weightbold;
        
font-familyArialTahomasans-serif;
        
font-size10pt;
      }

      
#mainnav-start:hover, #mainnav-toplists:hover, #mainnav-forum:hover, 
#mainnav-usearch:hover, #mainnav-help:hover, #mainnav-contact:hover {
        
backgroundurl(mainnav_bg_hover.gif);
      }

      
#mainnav-start {
        
width:146px;
        
left15px;
      }

      
#mainnav-toplists {
        
width:147px;
        
left163px;
      }

      
#mainnav-forum {
        
width:147px;
        
left312px;
      }

      
#mainnav-usearch {
        
width:147px;
        
right312px;
      }

      
#mainnav-help {
        
width:147px;
        
right163px;
      }

      
#mainnav-contact {
        
width:146px;
        
right15px;
      }

      
#menu {
        
floatright;
        
width180px;
        
margin-left5px;
        
margin-top5px;
        
margin-bottom5px;
        
background-color#FFFFFF;
      
}

      
#menu-box {
        
positionabsolute;
        
right:15px;
        
top155px;
        
width178px;
        list-
style-typenone;
      }

      
#menu-mailbox, #menu-uonline, #menu-buddiesbans, #menu-credits, #menu-profile, #menu-options {
        
border1px solid #999999;
        
width153px;
        
height21px;
        
color#000000;
        
font-familyArialTahomasans-serif;
        
font-size10pt;
        
positionabsolute;
        
right0px;
        
line-height21px;
        
padding-left25px;
        
background-position1px 1px;
        
background-repeatno-repeat;
      }

      
#menu-mailbox {
        
background-imageurl(mailbox.gif);
      }

      
#menu-mailbox:hover {
        
background-imageurl(mailbox-hover.gif);
      }

      
#menu-uonline {
        
top22px;
        
background-imageurl(uonline.gif);
      }

      
#menu-uonline:hover {
        
background-imageurl(uonline-hover.gif);
      }

      
#menu-uonlinelist {
        
border-left1px solid #999999;
        
border-right1px solid #999999;
        
right0px;
        
top44px;
        
padding-left5px;
        
width173px;
        
height252px;
        
background-imageurl(menu_bg.gif);
        list-
style-typenone;
        
color#000000;
        
font-familyArialTahomasans-serif;
        
font-size10pt;
        
positionabsolute;
        
line-height21px;
        
overflowauto;
        
scrollbar-base-color:#EFEFEF;
        
scrollbar-3d-light-color:#EFEFEF;
        
scrollbar-arrow-color:#EFEFEF;
        
scrollbar-darkshadow-color:#EFEFEF;
        
scrollbar-face-color:#C6C6C6;
        
scrollbar-highlight-color:#EFEFEF;
        
scrollbar-shadow-color:#EFEFEF;
        
scrollbar-track-color:#EFEFEF;
        
background-color#EFEFEF;
      
}

      
#menu-buddiesbans {
        
top296px;
        
background-imageurl(buddiesbans.gif);
      }

      
#menu-buddiesbans:hover {
        
background-imageurl(buddiesbans-hover.gif);
      }

      
#menu-credits {
        
top318px;
        
background-imageurl(credits.gif);
      }

      
#menu-credits:hover {
        
background-imageurl(credits-hover.gif);
      }

      
#menu-profile {
        
top340px;
        
background-imageurl(profile.gif);
      }

      
#menu-profile:hover {
        
background-imageurl(profile-hover.gif);
      }

      
#menu-options {
        
top362px;
        
background-imageurl(options.gif);
      }

      
#menu-options:hover {
        
background-imageurl(options-hover.gif);
      }

      
#content {
        
margin-top5px;
        
margin-bottom5px;
        
width707px;
        
min-height385px;
      }

      
#footer {
        
height21px;
        
clearboth;
      }

      
#footer-agb, #footer-copyright, #footer-impressum {
        
displayinline;
        
positionabsolute;
        
border-left1px solid #FF3333;
        
border-right1px solid #800000;
        
text-aligncenter;
        
backgroundurl(footer_bg.gif);
        list-
style-typenone;
        
color#FFFFFF;
        
font-familyArialTahomasans-serif;
        
font-size10pt;
        
height21px;
        
line-height21px;
      }

      
#footer-agb:hover, #footer-impressum:hover {
        
backgroundurl(footer_bg_hover.gif);
      }

      
#footer-agb {
        
width146px;
        
left15px;
        
font-weightbold;
      }

      
#footer-copyright {
        
width594px;
        
left163px;
      }

      
#footer-impressum {
        
width146px;
        
right15px;
        
font-weightbold;
      } 
Ich meine das hängt mit dem padding des container-div zusammen aber ich kann nicht auf diesen verzichten. Auch der Versuch noch ein zweites "container"-div (habs natürlich anders genannt) um die anderen div-Elemente einzurahmen so dass der padding nicht auf die inneren div-elemente wie menu und navigation angewandt wird ist gescheitert. Zudem fällt mir gerade auf, dass der internet explorer 6 den css-befehl min-height nicht umsetzt. was kann ich da machen?

Geändert von tester_12345 (11-06-2008 um 00:10 Uhr)
Mit Zitat antworten
  #2 (permalink)  
Alt 11-06-2008, 00:08
pekka
 PHP Master
Links : Onlinestatus : pekka ist offline
Registriert seit: Jun 2001
Ort: Köln
Beiträge: 6.608
pekka befindet sich auf einem aufstrebenden Ast
Standard

Bitte Code so umbrechen, das man nicht scrollen muß.

Und ich persönlich hab keine Lust, mir das Problem auch nur anzuschauen, solange mir Layerwerbung ins Gesicht gepreßt wird.
Mit Zitat antworten
  #3 (permalink)  
Alt 11-06-2008, 00:11
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Zitat:
Original geschrieben von pekka
Bitte Code so umbrechen, das man nicht scrollen muß.

Und ich persönlich hab keine Lust, mir das Problem auch nur anzuschauen, solange mir Layerwerbung ins Gesicht gepreßt wird.
So habs jetzt scrollfrei gemacht.
Die Werbung kann ich leider nicht abstellen, ist bei kilu so.
Mit Zitat antworten
  #4 (permalink)  
Alt 11-06-2008, 00:19
pekka
 PHP Master
Links : Onlinestatus : pekka ist offline
Registriert seit: Jun 2001
Ort: Köln
Beiträge: 6.608
pekka befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Original geschrieben von tester_12345
Die Werbung kann ich leider nicht abstellen, ist bei kilu so.
Ach so, sorry. Da hab ich ne kurze Zündschnur
Moment ich werf mal nen Blick drauf...
Mit Zitat antworten
  #5 (permalink)  
Alt 11-06-2008, 00:24
pekka
 PHP Master
Links : Onlinestatus : pekka ist offline
Registriert seit: Jun 2001
Ort: Köln
Beiträge: 6.608
pekka befindet sich auf einem aufstrebenden Ast
Standard

Also ich seh auf die Schnelle nur, daß der Firefox es richtig zu rendern scheint: Das Menü hat die Angabe top: 155px und genau dort stellt es der Firefox dar. Der IE läßt es bereits bei 138px beginnen.
Mit Zitat antworten
  #6 (permalink)  
Alt 11-06-2008, 00:28
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

du meinst glaub ich das menu-div. ich meine das mainnav-div. da gibt es keine top-angabe
Mit Zitat antworten
  #7 (permalink)  
Alt 11-06-2008, 00:33
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Was ich meine ist das hier:

Mit Zitat antworten
  #8 (permalink)  
Alt 11-06-2008, 00:34
pekka
 PHP Master
Links : Onlinestatus : pekka ist offline
Registriert seit: Jun 2001
Ort: Köln
Beiträge: 6.608
pekka befindet sich auf einem aufstrebenden Ast
Standard

Stimmt. Nee dann weiß ich auch nicht
Mit Zitat antworten
  #9 (permalink)  
Alt 11-06-2008, 09:46
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

setzt mal als erstes ein
PHP-Code:
*
{
  
margin0;
  
padding0;

und dann installier dir den firebug, da kannst du sehen, dass das ul in hauptnavigation zu weit nach oben läuft. (siehe anhang)

gruß
peter
Angehängte Grafiken
Dateityp: gif bsp.gif (19,4 KB, 178x aufgerufen)
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #10 (permalink)  
Alt 13-06-2008, 20:53
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Danke für die Antwort, im Firefox wird es jetzt richtig angezeigt, aber im Opera bleibt das weiterhin so und im IE6 und Opera werden die Schatten rechts und links nicht angezeigt...

Hat jemand ne Lösung?
Mit Zitat antworten
  #11 (permalink)  
Alt 13-06-2008, 21:17
Blackgreetz
 PHP Junior
Links : Onlinestatus : Blackgreetz ist offline
Registriert seit: Oct 2005
Beiträge: 901
Blackgreetz ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Welche Schatten?

Opera benötige zumindest ich einen Screen bzw. die Aussage, dass es genauso ist, wie im Firefox im moment (da du es ja online noch nicht geändert hast).

mfg
Mit Zitat antworten
  #12 (permalink)  
Alt 13-06-2008, 21:47
tester_12345
 Newbie
Links : Onlinestatus : tester_12345 ist offline
Registriert seit: Jun 2008
Beiträge: 11
tester_12345 ist zur Zeit noch ein unbeschriebenes Blatt
Standard

So, habe es jetzt online geändert und einen Screenshot hochgeladen

Screenshot

Geändert von tester_12345 (13-06-2008 um 21:50 Uhr)
Mit Zitat antworten
  #13 (permalink)  
Alt 16-06-2008, 11:04
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

also bei mir sieht es in allen browsern gleich aus, opera inklusive.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #14 (permalink)  
Alt 16-06-2008, 17:42
tontechniker
 PHP Senior
Links : Onlinestatus : tontechniker ist offline
Registriert seit: Jul 2005
Beiträge: 1.972
tontechniker ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Zitat:
So, habe es jetzt online geändert und einen Screenshot hochgeladen
Welche Opera Version? In 9.5 passt es jedenfalls - könnte aber 8.x sein, da ist das nochmal anders.
OffTopic:
Bette die Hovergrafiken mal zusammen in eine Grafik, dann flackerts im Menu nicht.
__________________
Die Regeln | rtfm | register_globals | strings | SQL-Injections | []
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ADSMAN V3 - Werbe-Manager ansehen ADSMAN V3 - Werbe-Manager

ADSMAN V3 - mehr als nur ein Bannermanager! Banner, Textanzeigen und PagePeel Manager! Mit ADSMAN PRO haben Sie die Marketinglösung für eine effektive und effiziente Werbeschaltung mit messbaren Ergebnissen. Unterstützt werden Bannerformate in beliebi

25.10.2018 virtualsystem | Kategorie: PHP/ Bannerverwaltung
PHP News und Artikel Script V2

News schreiben, verwalten, veröffentlichen. Dies ist jetzt mit dem neuen PHP News & Artikel System von virtualsystem.de noch einfacher. Die integrierte Multi-User-Funktion und der WYSIWYG-Editor (MS-Office ähnliche Bedienung) ermöglichen...

25.10.2018 virtualsystem | Kategorie: PHP/ News
Top-Side Guestbook

Gästebuch auf Textbasis (kein MySQL nötig) mit Smilies, Ip Sperre (Zeit selbst einstellbar), Spamschutz, Captcha (Code-Eingabe), BB-Code, Hitcounter, Löschfunktion, Editierfunktion, Kommentarfunktion, Kürzung langer Wörter, Seiten- bzw. Blätterfunktion, V

22.10.2018 webmaster10 | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:17 Uhr.