Seite immer in der mitte des Browsers anzeigen



  • Hi,
    ich will das meine Seite immer in der mitte des Browsers ist,aber trotzdem nicht in der mitte ausgerichtet wird(also nicht mit <center></center>)
    Ich will also einen Bereich definieren in dem ich ganz normal "coden" kann aber das

    er immer in der mitte des Browsers bleibt.
    Und das ich wenn ich z.b. ein solches Feld rechts hab und eins in der mitte das sie sich gegenseitig in der Ausrichtung(Leerzeichen etc.)nicht beeinflussen.

    Danke im voraus
    Xalon



  • Das dürfte ohne Probleme mit Div's gehen..

    Am besten definierst du ein Div-Block mit height="100%" und weight="100%"
    und darin eben ein weiteres Div mit Abstand von oben z.B. 50% und top-margin="-xx", wobei xx die Hälfte des zweiten Div-Bereichs darstellt.



  • Danke,wusste net das man bei div in % angeben kann.

    Xalon



  • Hi,bei folgendem Quelltext ist der rote bereich unter dem grünen,es soll aber daneben sein,wie mach ich das?

    <html>
    <title>Home</title>
    <body bgcolor=black>
    <font color="white" face="Georgia">
     <div style="background-color:green;height:100%;margin-left:25%;margin-right:25%;">
    
     </div>
     <div style="background-color:red;height:100%;margin-right:75%;">
    
     </div>
    
    <font>
    </body>
    </html>
    

    Danke im voraus,
    Xalon



  • <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <title>Home</title> 
    <style type="text/css">
    body {
    	background-color: black;
    	color: white;
    	font-family: Georgia;
    }
    div {
    	float: left;
    	width: 50%;
    }
    div.a { background-color: green; }
    div.b { background-color: red; }
    </style>
    </head>
    
    <body> 
    
     <div class="a"> 
     Bla  
     </div> 
     <div class="b"> 
     Blubb
     </div> 
    
    </body> 
    </html>
    


  • Hmmm,geht das nicht nur mit HTML also ohne Xml?

    Xalon



  • Natürlich geht das auch mit älterem HTML. Nur welchen vernünftigen Grund gibt es nicht XHTML zu verwenden?
    Oder stört dich einfach nur das <?xml...?>? Das kannst du auch weg lassen, funktioniert trotzdem. Ich würde es, IE hin oder her, dabeistehen lassen. Gehört sich einfach so.



  • sarfuan schrieb:

    Nur welchen vernünftigen Grund gibt es nicht XHTML zu verwenden?

    Hmmm,weil ich XHTML nicht kann.
    Bzw nicht mal richtig den Unterschied kenne 😉

    Xalon



  • Xalon schrieb:

    Hmmm,weil ich XHTML nicht kann.
    Bzw nicht mal richtig den Unterschied kenne 😉

    XHTML 1.0 ist einfach der Nachbau von HTML 4.01 in XML 😉
    Die Tags sind also grundsätzlich die selben. Lediglich aufgrund des XMLs gibt es Unterschiede, die halten sich aber auch in Grenzen. Beim Schreiben "spürt" man davon eigentlich hauptsächlich, dass jedes Tag geschloßen werden muss. Also z.B. selbst ein <br> (HTML 4) muss geschloßen werden: <br></br> (XHTML 1.0) bzw die Variante, die man eigentlich immer verwendet: <br /> (XHTML 1.0), was einfach nur eine Kurzform der vorigen Schreibweise ist. Dann müssen noch Attribute immer in "" gesetzt werden und alle Tags grundsätzlich klein geschrieben werden. Damit hat's sich auch fast schon.
    Aber genauer, umfassender und ausführlicher kannst es hier nachlesen:
    http://de.selfhtml.org/html/xhtml/unterschiede.htm


Anmelden zum Antworten