CSS-Probleme

Dieses Thema im Forum "Web Page Design" wurde erstellt von tigerstyle, 30.07.2005.

  1. tigerstyle

    tigerstyle Thread Starter MacUser Mitglied

    Beiträge:
    391
    Zustimmungen:
    2
    MacUser seit:
    29.11.2004
    Hi Leute,

    hab ein paar Probleme und ich hoffe Ihr könnt mir dabei helfen

    klick mich

    1. Die Mozilla-Browser zeigen die Page ganz normal an aber der IE plaziert die DIV Elemente total komisch. Woran liegt das? Ich dachte eigl. der Vorteil von CSS ist, dass es in allen Browsern gleich aussieht.

    2. Das Menü in der mitte ist eine UL Liste, kann man die List Elemente irgendwie mit CSS dynamisch dem Platz (vertikal) anpassen. Unten ist ja noch eine Lücke.

    Hier ist mal der Code:
    HTML:
      <div id="outer" style="height:300px">
        <div id="graphic">
          <img src="layout/plan.gif" width="285"></img>
        </div>
        <div id="logo">
          <img src="layout/logo_190.gif">
        </div>
        <ul id="mainMenu">
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
          <li><a href="#">klsdhg</a></li>
        </ul>
        <div id="content" style="height:300px">
        <a href="#">klsdhg</a></div>
      </div>
    
    Edit: hier hatte ich zweimal den gleich code drin.

    Code:
    #outer 
    {
     background-color: #ebebd2;
     border:1px solid #000000;
     height: 300px;
     padding: 10px;
    }
    
    #graphic 
    {
     position: fixed;
     width: 300px;
     height: 300px; 
     border:1px solid #aaaaaa;
    }
    
    div#logo 
    { 
      position: fixed;
      margin-left: 304px;
      width: 190px; 
      height: 75px; 
      border: 1px solid #aaaaaa;
      text-align: center;
      vertical-align: middle;
      font-family: Arial Black, Arial;
      background-color: #529973; 
      color: #EBEBD2;
      font-weight: bold;
    }
    
    ul#mainMenu
    {
      position: fixed;
      margin-left: 304px;
      margin-top: 77px;
      padding: 0px;
      width: 190px; 
      height: 223px;
      list-style-type: none;
      font-family: Arial, Helvetica, sans-serif;
    }
    
    div#content 
    { 
      position: relative;
      margin-top: 0px;
      margin-right: 0px; 
      min-height: 300px; 
      margin-left: 498px;
      border: 1px solid #aaaaaa;
    }
    
    ul#mainMenu a
    {
    	display: block;
    	padding: 3px;
    	margin: 2px 0px;
    	width: 184px;
    	height: auto;
    	border: 1px solid #aaaaaa;
    	color: #c2cca9;
    	text-decoration: none;
    }
    
    ul#mainMenu a:hover
    {
      background-color: #c2cca9;
      color: #ffffff;
    }
    
     
    Zuletzt bearbeitet: 31.07.2005
  2. dms

    dms Gast

  3. JohnP

    JohnP MacUser Mitglied

    Beiträge:
    471
    Zustimmungen:
    6
    MacUser seit:
    12.10.2004
    ... IDs sind einmalig, d.h. dürfen nur einmal vorkommen. Also mehrere IDs mit dem selben Namen geht nicht - verwende stattdessen "class".
     
  4. tigerstyle

    tigerstyle Thread Starter MacUser Mitglied

    Beiträge:
    391
    Zustimmungen:
    2
    MacUser seit:
    29.11.2004
    ja ist klar, hatte aus versehen, zweimal den gleichen code eingefügt.
     
Die Seite wird geladen...
Ähnliche Themen - CSS Probleme
  1. SignoreRossi
    Antworten:
    6
    Aufrufe:
    864
    SignoreRossi
    28.06.2011
  2. mac$imon
    Antworten:
    2
    Aufrufe:
    546
    mac$imon
    30.07.2008
  3. schuschain
    Antworten:
    5
    Aufrufe:
    562
    msslovi0
    07.02.2006
  4. joedelord
    Antworten:
    10
    Aufrufe:
    1.515
    KonBon
    15.08.2006
  5. maceis
    Antworten:
    2
    Aufrufe:
    556
    maceis
    22.04.2004