zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Brauche Hilfe...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.09.2009, 18:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.06.2009
Beiträge: 12
steeeefiii befindet sich auf einem aufstrebenden Ast
Standard Brauche Hilfe...

Auf meiner Seite: DEPROC Homepage - Der Elch muss mit! möchte ich den Contentbereich in der Breite vergrößern. Da nicht der gesamte Bereich genutzt wird, ich weiß nicht warum.

Die CSS:


Code:
@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100.01%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4;
	background: #bcbdbf;
}
#page {
	width: 794px;
	margin: 20px auto;
	border-left: 15px solid #353533;
	border-right: 15px solid #353533;
	background: #d6e1f4;
}

h1{
font: normal 14px Helvetica,Verdana,Arial;
font-weight: bold;
color: #353533;
}

/* HEADER */
#header {
	position: relative;
	width: 900px;
	height: 370px;
	margin: 0 -50px 0 -56px;
	background: transparent url(images/bg-header.png) no-repeat;
}
#header h1 {
	position: absolute;
	top: 10px;
	left: 65px;
	width: 200px;
	height: 200px;
	font-size: 12px;
}
#header h1 dfn {
	position: absolute;
	left: -9999em;
}
#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}
/* Metanavigation */
#meta-nav {
	margin: 0 50px 0 300px;
	padding: 70px 10px 10px 10px;
	text-align: right;
	color:#FFFFFF;
	font-size: 95%;
	font-weight:bold;
}
#meta-nav ul {
	list-style-type: none;
}
#meta-nav li {
	display: inline;
	padding: 0 .35em 0 .5em;
	border-left: .1em solid #ccc;
}
#meta-nav li:first-child {
	border-left:none;
}
#meta-nav a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 80%;
	color: #ccc;
}
#meta-nav a:hover {
	color: #fff;
}
/* HAUPTNAVIGATION */
#main-nav {
	float: left;
	width: 794px;
	padding: 10px 0 15px;
	background: #353533;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
#main-nav ul {
	float: left;
	margin: 0 20px;
	list-style-type: lower-roman;
}
#main-nav li {
	float: left;
}
#main-nav a {
	float: left;
	padding: .2em 1em;
	text-transform: none;
	font-size: 80%;
	color: #ccc;
}
/* CONTENT */
#content {
	float: left;
    width: 800px;
    margin: 20px 0;
    /*border-right: 200px solid #353533;*/
}

/* CONTENT AUF SEITE MIT BODY ID="WAS-AUCH-IMMER" */
body#was-auch-immer #content {
    width: 774px;
    border-right: none;
}

/* Main Content */
#main-content {
	float: left;
	width: 530px;
	margin-left: 20px;
	padding-bottom: 20px;
}
/* Secondary Content */
#secondary-content {
	float: right;
	width: 160px;
	margin: 20px -180px 20px 21px; /* margin-left: 21px wegen alten Gecko-Browser */
	color: #ccc;
}
/* FOOTER */
#footer {
	clear: both;
	width: 824px;
	margin: 0 -15px;
	background: #353533 url(images/bg-footer.gif) no-repeat 50% 100%;
}
#footer p {
	padding: 20px 35px;
	font-size: .8em;
	text-align: center;
	color: #f93;
}
Man sieht das deutlich bei der Seite: Disclaimer

hier soll rechts genau so viel Platz wie links für grauen Rahmen sein.
Hab schon überall in der CSS gesucht...nix gefunden.

Die Webseite pasiert auf Typo3.

Über Hilfe würde ich mich sehr freuen...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.09.2009, 18:23
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 433
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Willst du es so wie im Anhang haben?

#main-content hat bei dir eine feste Breite von 530px.
Angehängte Grafiken
Dateityp: jpg Disclaimer.jpg (20,0 KB, 4x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.09.2009, 18:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.06.2009
Beiträge: 12
steeeefiii befindet sich auf einem aufstrebenden Ast
Standard

ja, genau so... das links und rechts der selbe Abstand ist.
Mit Zitat antworten
  #4 (permalink)  
Alt 04.09.2009, 18:26
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

Dann ersetzt das width: 530px; in #main-content durch margin-right:20px und es sollte passen.
__________________
Mit Zitat antworten
  #5 (permalink)  
Alt 04.09.2009, 18:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.06.2009
Beiträge: 12
steeeefiii befindet sich auf einem aufstrebenden Ast
Standard

Hab ich gemacht, hat sich aber nicht geändert...

Code:
/* CONTENT */
#content {
	float: left;
    width: 800px;
    margin: 20px 0;
    /*border-right: 200px solid #353533;*/
}

/* CONTENT AUF SEITE MIT BODY ID="WAS-AUCH-IMMER" */
body#was-auch-immer #content {
    width: 774px;
    border-right: none;
}

/* Main Content */
#main-content {
	float: left;
	margin-right:20px;
	margin-left: 20px;
	padding-bottom: 20px;
}
Mit Zitat antworten
  #6 (permalink)  
Alt 04.09.2009, 18:34
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 433
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Strg+F5
Mit Zitat antworten
  #7 (permalink)  
Alt 04.09.2009, 18:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.06.2009
Beiträge: 12
steeeefiii befindet sich auf einem aufstrebenden Ast
Standard

Oh, sorry. SUPER!!! DANKE.

Hab auch noch ein anderes Thema eröffnet. Das Problem mit der Darstellung im IE, wo die Seite komplett falsch dargestellt wird..

Brauch da dringend Hilfe.
Mit Zitat antworten
  #8 (permalink)  
Alt 04.09.2009, 23:13
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ein Element mit so viel Inhalt ohne width zu floaten, ist keine gute Idee, da Glücksspiel - shrink-to-fit-width ist bei Menü-Links vorhersehbar, aber nicht beim Content, und kann von Seite zu Seite und Browser zu Browser variieren.

In der Regel wird das betreffende Element bei viel Inhalt zwar die volle Breite einnehmen, aber da ihre Seite eine feste Gesamtbreite hat, gibt es absolut keinen Grund, sich auf ein solches Verhalten zu verlassen, also sollte die width-Deklaration unbedingt wieder rein (natürlich mit passendem Wert). Oder float raus.

Übrigens hoffe ich, dass Du nur aus Versehen Deinen kompletten Content (mit h1, p etc.) in ein span gesteckt hast. 50 HTML-Fehler müssen auch nicht sein.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 04.09.2009, 23:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.06.2009
Beiträge: 12
steeeefiii befindet sich auf einem aufstrebenden Ast
Standard

Ich versteh es nicht...

Bein Neuling und muss ein Typo3 Projet neu Deisgn..
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.09.2009, 23:23
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Undankbare Aufgabe, wenn der HTML-Code so fehlerhaft ist. Es fängt schon damit an, dass Dein Element .inhalt ein span ist (in Deiner HTML-Vorlage aus dem anderen Thread), es muss aber ein div sein.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe, Tabelle + CSS D3r-Tot (X)HTML 3 02.08.2010 16:43
Brauche hilfe zu vhost.conf bei einem Apache debian vServer onkel-tom Serveradministration und serverseitige Scripte 5 16.11.2008 13:42
HILFE, ich brauche Hilfe von Profis! frambuesa CSS 13 13.06.2008 23:46
hintergrund bei css dateien weiss ... brauche hilfe deadmeiker CSS 0 02.09.2006 16:22
Brauche HILFE bei CSS:ebay seite erstellen! BRAUCHE MUSTER beavis-2005 CSS 2 23.11.2005 19:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:16 Uhr.