Ergebnis 1 bis 13 von 13
  1. #1
    Don Carlos ist offline Jungspund
    registriert
    13-07-2008
    Beiträge
    17

    Höhe ändert sich obwohl fest definiert

    Moin,

    ich muss direkt vorneweg sagen, dass mir DIV-Container erst jetzt so langsam vertraut werden.

    Ich hab ein komisches Problem. Folgendes:

    Ein zentrierter DIV-Bereich beinhaltet alles weitere. Dieser Bereich hat auch ein Hintergrundbild.

    Code:
    	#container
    	{
    		
    		position: absolute;
    		top:50%;
    		left:50%;
    		margin: -300px 0 0 -400px;
    		width: 800px;
    		height: 600px;
    		text-align: center;
    		background-color: #3B5899;
    		background-image: url(bgtest.jpg);
    		background-repeat: no-repeat;
    		background-position: 0 0;
    		border: 2px solid #000000;
    		overflow:hidden;
    	}
    Mit "height: 600px;" sollte es ja eigentlich keine Diskussion über die fixe Höhe geben... eigentlich.

    Das HTML-Gerüst sieht ungefähr so aus:

    HTML-Code:
    <div id="container">[B]x[/B]
    <div id="menu">
    </div>
    <div id="content">
    </div>
    </div>
    Wenn ich an der markierten Stelle (x) einen Text einfüge (will da noch eine Art Überschrift platzieren), ändert sich die Höhe von #container - zumindest im IE 7.

    1. Warum ist das so?
    2. Was tun?

    VG,
    Don Carlos

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von Don Carlos Beitrag anzeigen
    Wenn ich an der markierten Stelle (x) einen Text einfüge (will da noch eine Art Überschrift platzieren), ändert sich die Höhe von #container - zumindest im IE 7.

    1. Warum ist das so?
    2. Was tun?
    Kann ich nicht nachvollziehen. Die Container-Höhe ist trotz Text im IE7 bei mir identisch mit FF. Hast du ne Beispielseite live?


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  3. #3
    Don Carlos ist offline Jungspund
    registriert
    13-07-2008
    Beiträge
    17

    AW: Höhe ändert sich obwohl fest definiert

    Hallo Anna,

    nein, ich habe noch nichts online.
    Ich bastel seit längerem an einem Layout für meine Bewerbungs-Homepage und experimentiere die ganze Zeit lokal.
    Mit Layout & Design stehe ich seit eh und je auf Kriegsfuß...

    Die Inhalte sind da, aber die Verpackung...

    Ich habe mal ein Beispiel gebastelt:

    HTML-Code:
    <html>
    <head>
    <style type="text/css">
    	body
    	{
    
    		margin: 0;
    		padding: 0;
    		text-align: center;
    		background-color: #F7F7F7;
    	}
    	
    	
    	#container
    	{
    		
    		position: absolute;
    		top:50%;
    		left:50%;
    		margin: -300px 0 0 -400px;
    		width: 800px;
    		height: 600px;
    		text-align: center;
    		background-color: #3B5899;
    		background-image: url(bgtest.jpg);
    		background-repeat: no-repeat;
    		background-position: 0 0;
    		border: 2px solid #000000;
    		overflow:hidden;
    	}
    	
    		#mainmenu
    	{	position: relative;
    		padding: 0px;
    		top:40px;
    		left:0px;
    		width: 100%;
    		height: 32px;
    		background-color: #6D84B4;
    		color: #FFFFFF;
    		overflow:hidden;
    		text-align:left;
    
    	}
    	
    </style></head> 
    </head>
    <body>
    <div id="container">
    bla
    	<div id="mainmenu"></div>
    </div>
    </body>
    </html>
    Hier ist es ähnlich wie bei dem was ich grade vor habe.
    Der mainmenu-Container hat beim vorgegebenen Quellcode schon nicht mehr die gewünschte Position, weil ich im "#Container"-DIV ein "bla" ergänzt habe...

    Aber während ich das hier so schreibe habe ich schon einen Verdacht.
    Könnte mit position:relative zusammenhängen, oder?

  4. #4
    Don Carlos ist offline Jungspund
    registriert
    13-07-2008
    Beiträge
    17

    AW: Höhe ändert sich obwohl fest definiert

    Nachtrag: falsch vermutet.
    Ich stelle morgen mal was online.

  5. #5
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Höhe ändert sich obwohl fest definiert

    Habe Dein Beispiel mal geringfügig verändert
    PHP-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" xml:lang="de" lang="de">
    <
    head>
    <
    style type="text/css">
        
    body {
            
    margin0;
            
    padding0;
            
    text-aligncenter;
            
    background-color#F7F7F7;
        
    }

        
    #container {
            
    positionabsolute;
            
    top:50%;
            
    left:50%;
            
    margin: -200px 0 0 -400px;
            
    width800px;
            
    height400px;
            
    text-aligncenter;
            
    background-color#3B5899;
            
    background-imageurl(bgtest.jpg);
            
    background-repeatno-repeat;
            
    background-position0 0;
            
    border2px solid #000000;
            
    overflow:hidden;
        }

        
    #mainmenu {
            
    positionabsolute;
            
    padding0px;
            
    top:15%;
            
    left:0px;
            
    width100%;
            
    height32px;
            
    background-color#6D84B4;
            
    color#FFFFFF;
            
    overflow:hidden;
            
    text-align:left;
        }
    </
    style>
    </
    head>
    <
    body>
    <
    div id="container">
    ganz viel Text hier<br />ganz viel Text hier<br />    ganz viel Text hier<br />    ganz viel Text hier<br />
        <
    div id="mainmenu">hier menü</div>
    </
    div>
    </
    body>
    </
    html


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  6. #6
    sumatra70 ist offline Eroberer
    registriert
    07-05-2008
    Beiträge
    59

    AW: Höhe ändert sich obwohl fest definiert

    Ups!
    ich konnte meinen überflüssigen Beitrag gerade leider nicht mehr löschen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Das wäre mal ein vorschlag an die Forum-Autoren.
    Geändert von sumatra70 (18-07-2008 um 22:35 Uhr) Grund: löschung
    Wer nicht lernt, hat nichts zu lehren.

    sumatra70

  7. #7
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von sumatra70 Beitrag anzeigen
    Ups!
    ich konnte meinen überflüssigen Beitrag gerade leider nicht mehr löschen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Das wäre mal ein vorschlag an die Forum-Autoren.
    Versuche Dir mal vorzustellen, welches Chaos hier herrschen würde, wenn jeder so "dirnichtsmirnichts" irgendwelche Beiträge löschen dürfte.
    Dazu sind wir hier...

  8. #8
    sumatra70 ist offline Eroberer
    registriert
    07-05-2008
    Beiträge
    59

    AW: Höhe ändert sich obwohl fest definiert

    Wenn jeder die Nachrichten löschen könnte, das wäre dann ja wirklich ein wenig leichtsinnig. Ich meinte damit eigendlich, das nur der Schreiber der gesendeten Nachricht das Recht haben könnte sie wieder löschen zu dürfen. Bei anderen Foren funktioniert das einwandfrei ohne Caos.
    Wer nicht lernt, hat nichts zu lehren.

    sumatra70

  9. #9
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von sumatra70 Beitrag anzeigen
    Bei anderen Foren funktioniert das einwandfrei ohne Caos.
    [OT]Du kannst ruhig beim Deutschen bleiben: Caos ist italienisch. [/OT]

    Deine Beiträge kannst Du doch jederzeit editieren. Diese Möglichkeit nutze ich, wenn ich merke, dass ich Unsinn geschrieben oder etwas vergessen habe.

    Edit: Ist eben passiert: hatte zweimal hintereinander "ich" geschrieben.
    Geändert von anna55 (19-07-2008 um 12:21 Uhr) Grund: siehe Edit


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  10. #10
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von sumatra70 Beitrag anzeigen
    Bei anderen Foren funktioniert das einwandfrei ohne Caos.
    z.b. wo?

  11. #11
    sumatra70 ist offline Eroberer
    registriert
    07-05-2008
    Beiträge
    59

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von anna55 Beitrag anzeigen
    [OT]Du kannst ruhig beim Deutschen bleiben: Caos ist italienisch. [/OT]
    Da hätte ich noch mal editieren müssen. --> Kleiner Fehler

    Deine Beiträge kannst Du doch jederzeit editieren. Diese Möglichkeit nutze ich, wenn ich merke, dass ich Unsinn geschrieben oder etwas vergessen habe.

    Edit: Ist eben passiert: hatte zweimal hintereinander "ich" geschrieben.
    Wenn sich mein Beitrag im nachhinein schon erledigt hatte, was ich leider erst hinterher festgestellt habe, was sollte ich denn sonst schreiben? "Hallo, schönes Wetter"?

    Man muß ja aber noch sagen, solch eine Löschung kommt ja eigendlich auch nur selten vor.
    Wer nicht lernt, hat nichts zu lehren.

    sumatra70

  12. #12
    sumatra70 ist offline Eroberer
    registriert
    07-05-2008
    Beiträge
    59

    AW: Höhe ändert sich obwohl fest definiert

    Zitat Zitat von ein schlauer Beitrag anzeigen
    z.b. wo?
    Bei meinem anderen Forum, wo ich meinen Webspace habe.
    --> bplaced
    Wer nicht lernt, hat nichts zu lehren.

    sumatra70

  13. #13
    Don Carlos ist offline Jungspund
    registriert
    13-07-2008
    Beiträge
    17

    AW: Höhe ändert sich obwohl fest definiert

    Hallo Anna,

    ich Danke Dir vielmals!
    Es war doch wie von mir vermutet. Es lag am "position:relative;".
    Hatte da was durcheinander gebracht, bzw. mir waren die Effekte der veschiedenen Values nicht bewusst.

    Für mich war "absolute" = "fixed"... egal. Es war ein Verständnisproblem meinerseits (von wem auch sonst).

    Vielen Dank!

Ähnliche Themen

  1. Höhe div box auslesen firefox
    Von subjektlos im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 04-05-2008, 17:45
  2. Höhe und Breite mit JavaScript...
    Von JuergenSt im Forum JavaScript
    Antworten: 25
    Letzter Beitrag: 12-10-2006, 21:13
  3. Höhe von iFrame an Höhe von Quelldatei anpassen
    Von Amatron im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 12-11-2005, 15:19
  4. Höhe eines lokalen Bildes auslesen!
    Von Oliabt im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 08-11-2005, 15:51
  5. iFrame Höhe wie externe Seite
    Von sven2 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 19-08-2005, 14:37

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •