Website immer center - Hilfe

ace24 · 15.09.2009

Hallo zusammen,

brauche Hilfe:

also ich bau gerade ne Page für nen Spezl und will das die Page immer "center" (links-rechts) ist (auch wenn ich den Browser kleiner oder größer mache).
Soweit geht es auch aber der Text schaut immer rechts raus (siehe Bild)...bekomm es leider nicht gebacken ...evtl hab ich auch nur Tomaten auf den Augen.
Ein Profi sieht bestimm gleich das Problem - HILFE !!!

Code:

<div class="all">


<div class="menue">
  	<jdoc:include type="modules" name="left" style="-2" />	<!--Menue-->
</div>

<div class="logo">
  	<jdoc:include type="modules" name="logo" style="-2" />	<!--Logo-->
</div>

<div class="main">
    <jdoc:include type="component" style="-2" />
  	<jdoc:include type="modules" name="user2" style="-2" />		<!--Content-->
</div>

</div>

Code:

body {
	padding:0px;
	margin:0px;
 	background-color:#FFF;
	font-size:15px;
	font-family: Copperplate, Copperplate Gothic Light, sans-serif;
	color:#333;
	}

.all div {
     width:800px;
     margin: auto;
     }
	
.logo {
	width: 150px;
	height: 185px;
        position:static;
  	padding-top: 15px;
	background-repeat:no-repeat;
	}

.menue {
	width: 800px;
	height: 35px;
	padding-top: 100px;
	}
	
.main {
        position:relative;
        left:165px;
	top: -203px;
	}

danke !!!

Alex

rm -r * · 15.09.2009

Poste doch mal den richtigen HTML Quelltext und nicht den jdoc:include-Kram

Ist wahrscheinlich eine doofe Frage, aber Du hast dem Element wo der Text drin ist eine feste Breite egegeben ?

rm -r * · 15.09.2009

Wenn man die Elemente mit Borders versieht, wird klar, was da passiert.

Code:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style>
body {
	padding:0px;
	margin:0px;
 	background-color:#FFF;
	font-size:15px;
	font-family: Copperplate, Copperplate Gothic Light, sans-serif;
	color:#333;
	}

.all div {
     width:800px;
     margin: auto;
     border: 1px solid blue;
     }

.logo {
	width: 150px;
	height: 185px;
        position:static;
  	padding-top: 15px;
	background-repeat:no-repeat;
  border: 1px solid red;
	}

.menue {
	width: 800px;
	height: 35px;
	padding-top: 100px;
  border: 1px solid green;
	}

.main {
        position:relative;
        left:165px;
	top: -203px;
  border: 1px solid yellow;
	}


    </style>
  </head>
  <body>
   <div class="all">


<div class="menue">
  MENÜ
</div>

<div class="logo">
  	LOGO
</div>

<div class="main">
    MAIN
</div>

</div>

  </body>
</html>

".all div" wirkt auf alle divs und gibt dem div mit der Klasse ".main" auch eine Breite von 800px.
Selbst wenn Du der Klasse ".main" eine Breite geben würdest, würde die nicht zur Anwendung kommen, da ".all div" nicht überschrieben wird (ist spezieller).

Nimm mal das div aus dem ".all div" und gib dem ".main" mal die breite 635px und dann sollte das passen.

ace24 · 15.09.2009

rm -r * schrieb:
Poste doch mal den richtigen HTML Quelltext und nicht den jdoc:include-Kram

Ist wahrscheinlich eine doofe Frage, aber Du hast dem Element wo der Text drin ist eine feste Breite egegeben ?

ja hatte ich, hat aber nicht gezogen...??? blicks echt grad net

?

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=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="title" content="Vita" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Joomla! - dynamische Portal-Engine und Content-Management-System" />

  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Vita</title>
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xxxx.xxxx</title>

<link rel="stylesheet" href="/templates/xxx.xxx/xxx/xxx_css.css" type="text/css" />


</head>

<body>

<div class="all">


<div class="menue">
  	<ul class="menu" id="mymenu"><li style="list-style:none;" class="item1"><a href="http://xxxx/"><img src="/images/xxx/home.jpg" 
xxxxxxxxxxxxxx usw.....
</li></ul>	<!--Menue-->
</div>

<div class="logo">
  	<div class="bannergroup">

<div class="banneritem"><img src="http://xxxxxxxxx/images/xxxx/vita.jpg" alt="Banner" /><div class="clr"></div>
	</div>

</div>	<!--Logo-->
</div>

<div class="main">
    
<table class="contentpaneopen">



<tr>
<td valign="top">

<div class="vita">
<br /><br />Mein Name ist <b>Thorsten Rehkämper</b>, geboren am 28.April 1977 in Rietberg (NRW).
<br /><br />
Seit 1997 lebe und arbeite ich in München. Im Jahr 2006 habe ich meine Frau Jutta geheiratet und seit Juli 2009 bin ich stolzer Vater meines Sohnes Hannes.
<br /><br />
Ursprünglich habe ich zwar leidenschaftlich, aber nur für private Zwecke fotografiert.<br /><br />
Nach und nach  kamen immer mehr Auftragsarbeiten, erst für nahe Freunde, dann entferntere Bekannte, hinzu.<br /><br /> Als die Anfragen immer mehr wurden, habe ich mich 2009 dazu entschlossen, meine Fotografiedienste nebenberuflich anzubieten.

Sehen Sie sich meine Bilder einfach an!<br /><br /><br /></div>

</td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>

  			<!--Content-->
</div>

</div>


</body>
</html>

Code:

.vita {
        width:400px; (mit oder ohne...geht nix)
	padding-top:10px;
	padding-left:30px;
	padding-right:20px;
	text-align:justify;
	}

rm -r * · 15.09.2009

Äh, da läuft aber mächtig was schief.

Du hast das ganze HTML nicht im Body sondern zwischen head und body, oder ist das ein copy+paste fehler ?

ace24 · 15.09.2009

rm -r * schrieb:
Äh, da läuft aber mächtig was schief.

Du hast das ganze HTML nicht im Body sondern zwischen head und body, oder ist das ein copy+paste fehler ?

copy-paste fehler !

Dickes merci jetzt passt mit dem text ABER jetzt ist der ganze schmarrn nicht mehr mittig (siehe bild)

Nimm mal das div aus dem ".all div" und gib dem ".main" mal die breite 635px und dann sollte das passen.

um so kleiner der Wert desto weiter rutscht mir die ganze Page nach rechts ....!?

ace24 · 15.09.2009

Code:

.all {
     padding-right:165px;
     width:635px;
     margin: auto;
     }

so passt es jetzt !

Danke für deine Hilfe rm -r * !!!!

wegus · 16.09.2009

Das ist Design und keine Programmierung

*verschieb*

Website immer center - Hilfe

ace24

Aktives Mitglied

Anhänge

rm -r *

Aktives Mitglied

rm -r *

Aktives Mitglied

ace24

Aktives Mitglied

rm -r *

Aktives Mitglied

ace24

Aktives Mitglied

Anhänge

ace24

Aktives Mitglied

wegus

MU Team