kostenloser Webspace werbefrei: lima-city


Html und css Problem

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    psd

    psd hat kostenlosen Webspace.

    Hi ich müchte gerne meine seite in der mitte/ am footer teilen um Content vergrößerungen ermöglichen zu lassen.

    Vil. könnt ihr auch gleich mal drüber schaun was daran ok is und was besser gemacht werden kann!?!?! :lol:

    mein 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>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    	<title>::PS-Design::</title> 
    <style type="text/css" media="screen">
    	body
    	{
    		margin: auto;
    		padding: 0;
    		font: 85% arial, hevetica, sans-serif;
    		text-align: center;
    		color: #666666;
    		background-color: #666666;
    	}
    	
    	#container
    	{
    		margin: auto;
    		width: 800px;
    		text-align: left;
    		background-color: black;
    	}
    	
    	#header
    	{
    		height: 127px;
    		background-color: black;
    	}
    	
    	#mainnav
    	{
    		height: 49px;
    		background-image:url(images/ps-design_verz3.png)
    	}
    	
    	#sidel
    	{
    		float: left; 
    		width: 19px;
    		height: 400px;
    		background-color: black;
    	}
    	
    	#sider
    	{
    		float: right; 
    		width: 16px;
    		height: 400px;
    		background-color: black;
    	}
    	
    	#contents	
    	{
    		height: 400px;
    		background-color: black;
    	}
    	
    	#footer	
    	{
    		clear: both;
    		height: 24px;
    	}
    </style>
    </head>
    <body>
    <div id="container"> 
    	<div id="header"><img src="images/header.png" alt="head_01" /></div>
    	<div id="mainnav"></div>
    	<div id="sidel"><img src="images/ps-design_verz.png" alt="side_1" /></div>
    	<div id="sider"><img src="images/ps-design_verz1.png" alt="side_2" /></div>
    	<div id="contents"><img src="images/content_bg.png" alt="content_bg" /></div>
    	<div id="footer"><img src="images/ps-design_verz2.png" alt="end_1" /></div>
    </div>
    </body>
    </html>
    <title>Unbenanntes Dokument</title>
    </head>
    
    <body>
    </body>
    </html>



    danke im vorraus
    mfg
    psd
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. wäre ich du würde ich das css file in ne eigene Datei tun und deine Bilder als css- hintergrundbilder definieren...

    das macht das ganze VIEL übersichtlicher, da du nurnoch mit 10 Zeilen code arbeitest...


    omg... du weist schon, wie html geht: erst head dann body... und alles nur 1 mal!


    <html><head><title></title></head><body></body></html>...

    Beitrag zuletzt geändert: 2.5.2009 17:20:23 von raubritta
  4. kaetzle7

    Moderator Kostenloser Webspace von kaetzle7

    kaetzle7 hat kostenlosen Webspace.

    Tja - und ich hab noch nicht so ganz verstanden, was du mit "content Vergrößerungen zulassen" meinst. Wenn du im "content" die height auf auto stellst, wird der content so lang, wie der Inhalt ist... Bsp:

    #contents	
      {
      height: auto;
      background-color: black;
      }


    Vielleicht habe ich dich ja auch falsch verstanden. Ansonsten ist es immer am Einfachsten, du lädst uns die Seite hoch und stellst den Link hier rein...
  5. webdesignerin

    Kostenloser Webspace von webdesignerin

    webdesignerin hat kostenlosen Webspace.

    Hallo :scared:

    Als ich das Thema las, wusste ich nicht mehr wo vorn und hinten ist, geschweige denn, was Du für Hilfe willst. :wazzup: Jetzt sehe ich, dass ich nicht die einzige bin, die Deine Frage und HTML Kenntnisse verwunderlich finden. :blah: Und: Auch ich verstehe immer noch nicht, was Du mit Deinem vergrößerten Content meinst... :confused:

    Naja, back top Topic: Wie schon kaetzle7 sagte "am Besten Du lädst uns Deine Seite hoch oder zeigst sie uns".

    Ansonsten kann man - wie schon erwähnt - viel in der CSS mit dem "auto" Attribut arbeiten. Ob "margin-width: auto" oder" margin-height: auto" ... ;-)

    LG
    Webdesignerin :angel:
  6. webdesignerin schrieb:

    Ansonsten kann man - wie schon erwähnt - viel in der CSS mit dem "auto" Attribut arbeiten. Ob "margin-width: auto" oder" margin-height: auto" ... ;-)


    Na, was da raus kommt, will ich aber mal sehen...

    @psd
    Deine Fragestellung ist nicht wirklich schön, denn wir geben zwar gerne Hilfe, wenn diese benötigt wird, sind aber nicht dafür da Spagetticode zu verbessern. Es wäre nett, wenn du das nochmal besser beschreiben könnest.
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!