|
|||
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; } 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... |
Sponsored Links |
|
|||
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; } |
|
||||
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.) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |