zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bitte um Hilfe bei der CSS Positionierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.10.2008, 13:48
=>
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2007
Ort: Stmk / Österreich
Beiträge: 14
matschi befindet sich auf einem aufstrebenden Ast
Standard Bitte um Hilfe bei der CSS Positionierung

Hallo an Alle,

Ich würde Hilfe bei meiner CSS Positionierung gebrauchen.
Es geht um folgendes:
Ich habe das Problem das ich immer Scrolleisten angezeigt bekomme da meine #container klasse nicht bei position 0 startet. Ich komm einfach nicht dahinter warum.
Vielleicht könnt Ihr mir helfen.

hier der CSS Code
Code:
/* allgemein */
        html
        {
        height: 100%;
        }
        body
        {
                margin: 0;
                padding: 0;
                height: 100%;
                font: 100% verdana, hevetica, sans-serif;
                text-align: left;
                color: #ffffff;
                background: #000000;
        }
        h2
        {
        text-align: center;
        font: 120% verdana, hevetica, sans-serif;
        font-weight: bold;
        color: #ff9933;
        border-bottom: 1px groove #0099cc;
        margin: 0px 0px 5px 2px;
        }
        h3
        {
        text-align: center;
        font: 100% verdana, hevetica, sans-serif;
        }
        h4
        {
        text-align: center;
        font: 100% verdana, hevetica, sans-serif;
        border-top: 1px groove #0099cc;
        margin: 5px 0px 0px 2px;
        }

        img
        {
        border: 0px;
        }

/* gesammte box */
        #container
        {
                margin: 0;
                padding: 0;
                position: relative;
                min-height: 100%;
                height: auto !important;
                height: 100%;
                text-align: left;
                bottom: 0px;
        }

/* navi */

    #navi {
    background:url("images/navi.png") no-repeat;
    width:807px;
    height:43px;
    padding:0;
    margin:0;
    margin-top: 115px;
    margin-left: 173px;
    }

    #navi span {
    display: none;
    }

    #navi li, #navi a {
    height:43px;
    display:block;
    }

    #navi li {
    float:left;
    list-style:none;
    display:inline;
    }

    #home {width: 85px;}
    #mitglieder {width: 121px;}
    #gallery {width: 90px;}
    #termine {width: 106px;}
    #gaestebuch {width: 118px;}
    #links {width: 77px;}
    #kontakt {width: 100px;}

    #home a:hover,a:active {background:url("images/navi.png") 0px -43px no-repeat; }
    #mitglieder a:hover,a:active {background:url("images/navi.png") -85px -43px no-repeat; }
    #gallery a:hover,a:active {background:url("images/navi.png") -206px -43px no-repeat; }
    #termine a:hover,a:active {background:url("images/navi.png") -296px -43px no-repeat; }
    #gaestebuch a:hover,a:active {background:url("images/navi.png") -402px -43px no-repeat; }
    #links a:hover,a:active {background:url("images/navi.png") -520px -43px no-repeat; }
    #kontakt a:hover,a:active {background:url("images/navi.png") -597px -43px no-repeat; }


/* inhalt */
        #contents
        {
                margin-left: 173px;
                width: 807px;
                height: 100%;
                font: 80% verdana, hevetica, sans-serif;
                background:#2b2b2b;
                position:absolute;

        }
        #contents a
        {
        text-decoration: none;
        color: #ff9933;
        }

        #contents a:hover
        {
        text-decoration: none;
        color: #0099cc;
        }

        div.text
        {
              line-height: 150%;
              margin: 10px;
              text-align: justify;
        }

        .color
        {
        color: #0099cc;
        }

        .imgright
        {
        float: right;
        margin-top: 15px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        }

        .imgleft
        {
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 0px;
        }

        #contents ul
        {
        margin: 0 10px;
        list-style-image: url(images/aufzaehlung.jpg);
        }

        #contents li
        {
        margin: 0 10px;
        }

/* galerie */
           div.p_preview
           {
           margin: 10px;
           width: 200px;
           height: 200px;
           float: left;
           display: block;
           }


/* end grafik */
den contents muss ich absolut positionieren da er sonst nicht bis zum seitenende angezeigt wird.

html code:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
<!--
@import url(design.css) screen;
--></style>
</head>
<body>
<div id="container">
<ul id="navi">
<li id="home"><a href="#"><span>Home</span></a></li>
<li id="mitglieder"><a href="#"><span>Mitglieder</span></a></li>
<li id="gallery"><a href="#"><span>Gallery</span></a></li>
<li id="termine"><a href="#"><span>Termine</span></a></li>
<li id="gaestebuch"><a href="#"><span>Gästebuch</span></a></li>
<li id="links"><a href="#"><span>Links</span></a></li>
<li id="kontakt"><a href="#"><span>Kontakt</span></a></li>
</ul>
        
<div id="contents">
<h2>Willkommen</h2>
<div class="text">
ich will
<p></p>
einfach
<p></p>
nur
<p></p>
zeilenabstände
</div>

<!-- /container -->
</div>
</body>
</html>
bin für jeden hinweiß dankbar!
lg
macthunder
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.10.2008, 14:34
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

das versteh ich nicht so recht:
Code:
min-height: 100%;
height: auto !important;
height: 100%;
Zuerst gibst du min-height, dann height:auto !important und schiebst dann noch ein height:100% hinterher.

Aber wurscht, schau dir doch mal das hier an, vielleicht ist das hilfreich.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.10.2008, 14:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das ist eine Form, dem IE < 7 (Min-)Height zu geben.
Z.B. hier nachzulesen: Min-Height für den Internet Explorer
Mit Zitat antworten
  #4 (permalink)  
Alt 29.10.2008, 14:43
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Tach Corina,

Zitat:
Zitat von fricca Beitrag anzeigen
Das ist eine Form, dem IE < 7 (Min-)Height zu geben.
Z.B. hier nachzulesen: Min-Height für den Internet Explorer
danke für den Link, wieder was gelernt.

Allerdings würde ich persönlich mir das sparen und für den IE<7 mit einem CC arbeiten, wie es auch weiter unten im Artikel steht.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 07.11.2008, 15:40
=>
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2007
Ort: Stmk / Österreich
Beiträge: 14
matschi befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für eure Antworten, ich hab das ganze mittlerweile ein bisschen anders gelöst, und allerdings schon wieder ein kleines Problem.
Der conainer hat nun ein Hintergrundbild das sich vertikal wiederholt.
Nur wenn der content länger ist als die 100% wird es nicht mehr weiter wiederholt (Allerdings nur im Firefox, IE 6 kein problem)
Hat da einer eine Idee?


Danke
Mit Zitat antworten
  #6 (permalink)  
Alt 10.11.2008, 16:56
=>
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2007
Ort: Stmk / Österreich
Beiträge: 14
matschi befindet sich auf einem aufstrebenden Ast
Standard

hmm hat keine eine idee?
Mit Zitat antworten
  #7 (permalink)  
Alt 10.11.2008, 17:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Wenn du willst, dass etwas mitwächst, darfst du nicht absolut positionieren.
Mit Zitat antworten
  #8 (permalink)  
Alt 10.11.2008, 18:12
=>
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2007
Ort: Stmk / Österreich
Beiträge: 14
matschi befindet sich auf einem aufstrebenden Ast
Standard

oh danke ja stimmt, hab ich ganz vergessen!
Mit Zitat antworten
Antwort

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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe bei CSS Desing Umsetzung. Frosti1986 CSS 7 27.02.2010 14:08
absoluter css neuling braucht hilfe wegen bullets ben2308 CSS 10 02.08.2009 13:45
Hilfe bei gesamten CSS Layout mexxat CSS 0 22.08.2007 14:40
css center Positionierung DareDevil CSS 4 08.03.2007 18:32
Hilfe bei CSS Design jochen35 CSS 3 30.10.2006 17:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:04 Uhr.