Ergebnis 1 bis 9 von 9

Thema: Problem mit Div, Layout, ...???

  1. #1
    HTML Newbie
    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Div, Layout, ...???

    Hallo an alle,

    Habe folgendes problem, ich habe den content extra mit viel blindtext gefüllt damit man es besser nach vollziehen kann. Scrollt man den text runter bleibt der container mit den kontaktdaten nicht unten links in der ecke.

    Das nächste problem sind die beiden container links, die navigaton und die kontaktdaten. Ich habe extra ein paar untermenüpunkte mehr eingetragen um es besser zu verdeutlichen. Wenn man zum beispiel den Browser verkleinert dann schiebt sich der container kontaktdaten über die navigation.

    Habt ihr vielleicht ein paar tips für mich.


    Hier der code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    
    	<head>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    		<meta name="generator" content="Adobe GoLive" />
    		<title>Titel</title>
    		<link href="css/grundlayout.css" rel="stylesheet" type="text/css" media="all" />
    		<link href="css/inhalt.css" rel="stylesheet" type="text/css" media="all" />
    	</head>
    	
    <body>
    
    <div id="header">
    
    		<div id="logolinks">
    			[img]../../images/logo.gif[/img]
    		</div>
    	
    			
    		<div id="logorechts">
    			[img]../../images/logo.gif[/img]
    		</div>
    		
    				<h1>InHausTec GmbH</h1>
    </div>
    		
    		<div id="navlinksbg">
    				<div class="headnavthemen">
    				
    						<ul class="liersteebene">
    									<li class="lierste">Home
    									<li class="lierste">Technik 1
    									
    								<ul class="lizweiteebene">
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    									<li class="lizweite">Reserve
    							[/list]
    									
    									<li class="lierste">Technik 2
    									<li class="lierste">Technik 3
    									<li class="lierste">New's
    									<li class="lierste">Personal
    									<li class="lierste">AGB's
    									<li class="lierste">Kontakt
    						[/list]
    				</div>
    		</div>
    						
    		<div id="content">
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    			
    			
    
    </p>
    		</div>
    				
    				<div id="kontaktdaten">
    			<div class="adresse">
    				Firma
    
    				Straße Nr.
    PLZ Ort
    
    				Tel.&#58; +49 0000000 
    
    				Webmaster</div>
    		</div>
    	</body>
    
    </html>
    und hier noch css:

    Code:
    a.nuranker &#123; color&#58; #000; text-decoration&#58;none; margin-right&#58; 40px; &#125;
    a.nurankeraktiv &#123; color&#58; #000; font-weight&#58; bold; text-decoration&#58; none; margin-right&#58; 40px; &#125;
    body &#123; background-color&#58; #ffc; background-image&#58; url&#40;../images/bg_nav_links.gif&#41;; background-repeat&#58; repeat-y; margin				&#58; 0px 0px 0px 0px;&#125;
    h1 &#123; font-size&#58; 2em; font-weight&#58; bold; text-align&#58; center; margin&#58; 0.67em 0; &#125;
    .adresse &#123; padding-left&#58; 15px; &#125;
    .firmenname &#123; color&#58; black; font-size&#58; 2em; font-family&#58; Verdana, Arial, Helvetica, sans-serif; font-weight&#58; bold; text-align&#58; center; margin-top&#58; 15px; &#125;
    .headnavthemen &#123; &#125;
    .lierste &#123; margin-top&#58; 6px; &#125;
    .liersteebene &#123;  &#125;
    .lizweite &#123; font-weight&#58; normal; margin-top&#58; 6px; &#125;
    .lizweiteebene &#123;  &#125;
    #content &#123; left&#58; 220px; bottom&#58; 0; right&#58; 0; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    #header &#123; height&#58; 100px; left&#58; 0; top&#58; 0; position&#58; absolute; width&#58; 100%; visibility&#58; visible; &#125;
    #kontaktdaten &#123; height&#58; 100px; width&#58; 220px; left&#58; 0; position&#58; absolute; bottom&#58; 0; visibility&#58; visible; &#125;
    #logolinks &#123; width&#58; 189px; left&#58; 0; top&#58; 0; position&#58; absolute; height&#58; 100px; visibility&#58; visible; &#125;
    #logorechts &#123; height&#58; 100px; width&#58; 189px; top&#58; 0; position&#58; absolute; right&#58; 0; visibility&#58; visible; &#125;
    #navlinksbg &#123; width&#58; 220px; left&#58; 0; bottom&#58; 100px; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    Vielen dank schon mal im vorraus für eure mühe und zeit.

    Mfg crusader19
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    scaexp
    Gast

    Standard Layer

    Hallo,

    schau dir mal den Link an, hier ist beschrieben wie Layers Positioniert werden.
    gruss
    K.H.


    http://apptools.com/examples/pagelayout101.php

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Dieses Problem habe ich gestern bereits kommen sehen. Da ich aber nicht wusste dass du eine flexible Höhe möchtest, war ich mal lieber ruhig

    Eine einfache Lösung, die allerdings nicht ganz deinen Vorstellungen entspricht:
    Das Überlappen der Kontaktdaten mit der Navi resultiert aus der absoluten Positionierung. Bezugspunkt ist bottom:0 womit bei kleinerem Fenster der Block automatisch nach oben rutscht.
    Um dies zu verhindern definiere Kontaktdaten so:
    Code:
    #kontaktdaten &#123; height&#58; 100px; width&#58; 220px;&#125;
    Außerdem integriere diesesn div in diesen:
    Code:
    <div id="navlinksbg">
    indem du den div #kontaktdaten vor den schließenden div von navlinksbg setzt:

    Code:
     <li class="lierste">Kontakt [/list]
                </div> 
    <div id="kontaktdaten"> 
             <div class="adresse"> 
                Firma
     
                Straße Nr.
    PLZ Ort
     
                Tel.&#58; +49 0000000 
     
                Webmaster</div> 
          </div> 
    
          </div> 
                       
          <div id="content">
    Als Ergebnis müssten die Kontaktdaten jetzt immer unterhalb der Navi sein, jedoch noch nicht auf unterer Linie mit dem Content-Text.
    Einen Abstand zur Navi kannst du noch mit einem margin-top-Wert in Kontaktdaten herstellen.
    Im Prinzip halte ich diese Lösung für besser, da der Benutzer dann gleich die Kontaktdaten sieht, ohne im Textbereich scrollen zu müssen.

    Falls du aber darauf bestehst, die Kontaktdaten unten anzuzeigen könntest du sie z.B. als "Footer" unter den Textbereich setzen indem du den Kontaktdaten-div vor den schließenden Tag des Contents setzt.

    Willst du's unbedingt links unten haben, muss man etwas tricksen. Dafür brauch ich etwas mehr Zeit. Dann müsste ich auch wissen, ob du bei einem einheitlichen Hintergrund bleibst (wäre etwas einfacher), oder z.B. für Linksbereich und Content unterschiedliche Farben verwenden willst.

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Div, Layout, ...?

    Hallo scaexp,

    Danke für den Tipp. Als erstes ich kann mit der Seite leider nicht viel anfangen da ich in englisch ganz schlecht bin. Es sei denn du kennst ein sehr gutes übersetzungtool.

    Als nächstes, haben layer nicht was mit Macromedia zu tun???
    und was sind überhaupt layer?

    Sind die Layer mit den Div's gleich zu setzen?


    Vielen Dank nochmal für deine Mühe.

    Mfg Crusader19

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Div, Layout, ...?

    Hallo sejuma,

    Danke dir für deine Mühe. Das funktioniert schon prima.
    Da du jetzt schon so gefragt hast.

    Also die Kontaktdaten sollten eigentlich links unten sein. Was aber auch schon reichen würde wenn man im Content scrollt, soll die Navi und die Kontaktdaten stehen bleiben.
    Der linke teil fest der rechte teil beweglich.

    Stell dir eine sehr lange AGB Seite vor, man scrollt nach unten dann ist das Menü weg und man muß erst wieder nach oben scrollen um ans menü zu kommen.

    Ich hoffe es ist für dich verständlich.

    Der hintergrund wird durch ein hintergrundbild geladen 2-farbig mit farbvelauf von links nach rechts.


    Vielen Dank für deine Mühe.

    Mfg Crusader19

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ok, das erleichtert alles ungemein.

    Dann gehen wir wieder einen Schritt zurück: Im HTML-Teil die Kontaktdaten aus dem Navi-Container nehmen und wieder wie vorher darunter setzen, also zwischen Navi und content:
    Code:
    <li class="lierste">Kontakt [/list]
                </div> 
          </div>
     <div id="kontaktdaten"> 
             <div class="adresse"> 
                Firma
     
                Straße Nr.
    PLZ Ort
     
                Tel.&#58; +49 0000000 
     
                Webmaster</div> 
          </div> 
         <div id="content">
    Mit folgender CSS sollte es dann funktionieren, wobei ich die Bereiche zur Verdeutlichung mal eingefärbt habe. Die Höhenwerte kannst du ja noch anpassen.

    Code:
    #content &#123;background-color&#58;magenta; left&#58; 220px; bottom&#58; 0; right&#58; 0; top&#58; 100px; position&#58; absolute; height&#58;700px; overflow&#58;auto; &#125; 
    #header &#123; height&#58; 100px; left&#58; 0; top&#58; 0; position&#58; absolute; width&#58; 100%; visibility&#58; visible; &#125; 
    #kontaktdaten &#123;background-color&#58;yellow; clear&#58;left; height&#58; 100px; width&#58; 220px;&#125;
    #logolinks &#123; width&#58; 189px; left&#58; 0; top&#58; 0; position&#58; absolute; height&#58; 100px; visibility&#58; visible; &#125; 
    #logorechts &#123; height&#58; 100px; width&#58; 189px; top&#58; 0; position&#58; absolute; right&#58; 0; visibility&#58; visible; &#125; 
    #navlinksbg &#123;background-color&#58;red; width&#58; 220px;float&#58;left; margin-top&#58;100px;height&#58;600px; &#125;
    Viel Erfolg!

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Div, Layout, ...?

    Hallo Sejuma,

    Spitze das funktioniert sehr gut habe aber das problem das es im ie nicht funktioniert.

    Soviel ich weiß kann der ie 6 nicht mit overflow umgehen und nicht mit position:fixed.

    Was kann ich denn da machen.

    Dann habe ich naturlich gleich ausprobiert den header fest zu positionieren.

    Geht gut nur jetzt schiebt sich der content beim scrollen über den header, das heißt

    die schriften liegen übereinander. Es wäre schöner wenn der content unter dem

    header verschwindet. Kann man so was nicht mit einem versteckten Bild im header

    machen. So zu sagen als hintergrundbild????

    Oder geht das vielleicht einfacher?


    Ich bin dir sehr dankbar das du mir hier hilfst ist vorallem für mich sehr hilfreich.

    Mfg Crusader19

  8. #8
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard

    kannst auch
    Code:
    position&#58;absolute
    nehmen. das kann der IE6

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sorry für die Verspätung, aber ich musste zwischendurch mal das Bad tapezieren
    Overflow kann der IE.
    Ich habe jetzt alle absoluten Positionierungen rausgeschmissen, da die fast immer irgendwelche Probleme verursachen.
    Die folgende Seite ist getestet im FF 1.5 und IE6, sollte also jetzt funktionieren.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Projekt_Aplpha</title>
    <style type="text/css">
    a.nuranker &#123; color&#58; #000; text-decoration&#58;none; margin-right&#58; 40px; &#125;
    a.nurankeraktiv &#123; color&#58; #000; font-weight&#58; bold; text-decoration&#58; none; margin-right&#58; 40px; &#125;
    body &#123; background-color&#58; #ffc; background-image&#58; url&#40;../images/bg_nav_links.gif&#41;; background-repeat&#58; repeat-y; margin            &#58; 0px 0px 0px 0px;padding&#58;0;&#125;
    h1 &#123; font-size&#58; 2em; font-weight&#58; bold; text-align&#58; center; margin&#58; 0.67em 0; &#125;
    .adresse &#123; padding-left&#58; 15px; &#125;
    .firmenname &#123; color&#58; black; font-size&#58; 2em; font-family&#58; Verdana, Arial, Helvetica, sans-serif; font-weight&#58; bold; text-align&#58; center; margin-top&#58; 15px; &#125;
    .headnavthemen &#123; &#125;
    .lierste &#123; margin-top&#58; 6px; &#125;
    .liersteebene &#123;  &#125;
    .lizweite &#123; font-weight&#58; normal; margin-top&#58; 6px; &#125;
    .lizweiteebene &#123;  &#125;
    #header &#123; height&#58; 100px; width&#58; 100%; &#125;
    #logolinks &#123; width&#58; 189px; left&#58; 0; top&#58; 0; position&#58; absolute; height&#58; 100px;&#125;
    #logorechts &#123; height&#58; 100px; width&#58; 189px; top&#58; 0; position&#58; absolute; right&#58; 0; &#125;
    #left &#123;height&#58;600px; float&#58;left; width&#58;20%; background-color&#58;red; &#125;
    #kontaktdaten &#123;background-color&#58;yellow; height&#58; 100px; &#125;
    #navlinksbg &#123;height&#58;500px; &#125;
    #content &#123;background-color&#58;magenta;  height&#58;600px; overflow&#58;auto; &#125;
    
    
    
    </style>
    </head>
    
    <body>
    <div id="header">
    
          <div id="logolinks">
             [img]../../images/logo.gif[/img]
          </div>
    
    
          <div id="logorechts">
             [img]../../images/logo.gif[/img]
          </div>
    
                <h1>InHausTec GmbH</h1>
    </div>
    
    <div id="left">
    
          <div id="navlinksbg">
                <div class="headnavthemen">
    
                      <ul class="liersteebene">
                               <li class="lierste">Home
                               <li class="lierste">Technik 1
    
                            <ul class="lizweiteebene">
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve
                               <li class="lizweite">Reserve[/list]
    
                               <li class="lierste">Technik 2
                               <li class="lierste">Technik 3
                               <li class="lierste">New's
                               <li class="lierste">Personal
                               <li class="lierste">AGB's
                               <li class="lierste">Kontakt[/list]
                </div>
          </div>
    
     <div id="kontaktdaten">
             <div class="adresse">
                Firma
    
                Straße Nr.
    PLZ Ort
    
                Tel.&#58; +49 0000000 
    
                Webmaster</div>
          </div>
           </div>
          <div id="content">
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
             
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    
             
    
    </p>
    
    </body>
    </html>

Ähnliche Themen

  1. Layout Problem
    Von Maggi im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.09.2007, 18:17
  2. myblog layout; background problem
    Von kao-ki-chan im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.02.2007, 16:01
  3. CSS Layout Problem
    Von emonem im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 04.06.2006, 06:36
  4. Layout Problem im HTML Quellcode
    Von Mülla im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 10.12.2005, 21:50
  5. Problem mit CSS-Layout
    Von Dynamix im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 16.12.2004, 10:34

Stichworte

Berechtigungen

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