Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
Jonathan_Klein Living Legend
Alter: 37 Anmeldedatum: 17.02.2003 Beiträge: 3433 Wohnort: Siegerland Medaillen: Keine
|
Verfasst am: 25.04.2008, 20:53 Titel: CSS Ausrichtung |
|
|
Hi,
ich sitze an einer Webseite. Das ganze soll so aussehen: Oben Titelleiste, darunter links Menü (feste Breite) der Rest Inhalt, über die ganze Breite. Die gesammte Webseite hat nur eine bestimmte Breite und ist mittig zentriert, aber das sollte ja eigentlich egal sein.
Wie kriege ich den Contentkasten auf die volle Breite? Also rechts von der Navigation.
Bisher habe ich ihn mit float:right aber wenn ich dort wenig Inhalte habe, geht das nicht über die volle Breite.
Sollte eigentlich einfach sein, aber ich hab noch recht wenig Ahnung von css.
Meine Versuche:
Code: |
div.site
{
width:760px;
margin:0px auto;
}
div.titel
{
height: 180px;
border:1pt solid;
}
div.navi
{
width: 120px;
border:1pt solid;
float: left;
}
div.content
{
border: 1pt solid;
float: right;
}
|
_________________ https://jonathank.de/games/ |
|
Nach oben |
|
|
KI JLI Master
Alter: 39 Anmeldedatum: 04.07.2003 Beiträge: 965 Wohnort: Aachen Medaillen: Keine
|
Verfasst am: 26.04.2008, 09:51 Titel: |
|
|
Probier mal für div.content
Das sollte bewirken, dass die content-box 0px Abstand von ihren umgebenden Objekten hat. Generell kann man bei HTML/CSS nie Wissen... immer Trial & Error, ich hasse das. |
|
Nach oben |
|
|
Deviloper Junior JLI'ler
Anmeldedatum: 31.05.2006 Beiträge: 77
Medaillen: Keine
|
Verfasst am: 26.04.2008, 22:13 Titel: |
|
|
Generell brauchst du IDs und nicht DIVs
Code: | #site
{
martin: 0 auto;
width: 760px;
}
#header
{
height: 180px;
border: 1px solid #000000;
}
#navigation
{
width: 120px;
border: 1px solid #000000;
}
#content
{
margin-left: 123px; /* border around navigation + border left of content */
border: 1px solid #000000;
} | sollte eigtl. reichen ...
} |
|
Nach oben |
|
|
Jonathan_Klein Living Legend
Alter: 37 Anmeldedatum: 17.02.2003 Beiträge: 3433 Wohnort: Siegerland Medaillen: Keine
|
Verfasst am: 30.04.2008, 22:15 Titel: |
|
|
Wenn ich bei content das float right weglasse, und keine width Angabe mache scheint es zu funktionieren (der Kaste erstreckt sich dann über die ganze Breite).
Ist das jetzt bei allen Browsern so? Also ganz ehrlich, css suckt derbe... _________________ https://jonathank.de/games/ |
|
Nach oben |
|
|
Deviloper Junior JLI'ler
Anmeldedatum: 31.05.2006 Beiträge: 77
Medaillen: Keine
|
Verfasst am: 01.05.2008, 10:14 Titel: |
|
|
kannst auch width angabe machen ... muss die nur korrekt angeben |
|
Nach oben |
|
|
LaptopLover Mini JLI'ler
Anmeldedatum: 16.08.2008 Beiträge: 5
Medaillen: Keine
|
Verfasst am: 17.08.2008, 01:27 Titel: |
|
|
Wenn man das ganze nur mit "margin: 0px auto" zentriert es nicht im IE funktionieren. Dazu muss man folgendes hinzufügen:
Code: | body
{
text-align: center;
}
|
|
|
Nach oben |
|
|
Deviloper Junior JLI'ler
Anmeldedatum: 31.05.2006 Beiträge: 77
Medaillen: Keine
|
Verfasst am: 17.08.2008, 15:35 Titel: |
|
|
schön für IE Dann hat der in dem Fall pech gehabt, denn das Boxmodel hat wenig mit der Textausrichtung zu tun. |
|
Nach oben |
|
|
malignate Mini JLI'ler
Anmeldedatum: 16.08.2005 Beiträge: 16
Medaillen: Keine
|
Verfasst am: 20.08.2008, 22:43 Titel: |
|
|
@Deviloper: Dein Kampf wird aber nicht wie bei David oder Goliath enden.
Auch wenns als Entwickler schmerzt, muss man halt den Scheiß vom IE 6 mitmachen, sehr ätzend.
@Jonathan: Das hilft vll. http://de.selfhtml.org/css/layouts/mehrspaltige.htm |
|
Nach oben |
|
|
Deviloper Junior JLI'ler
Anmeldedatum: 31.05.2006 Beiträge: 77
Medaillen: Keine
|
Verfasst am: 21.08.2008, 15:43 Titel: |
|
|
Nö. Es gibt IE7 u. IE8 steht in den Startlöchern. Da muss man bestimmt nicht mehr auf IE6 bauen. |
|
Nach oben |
|
|
Kampfhund Super JLI'ler
Alter: 42 Anmeldedatum: 20.07.2002 Beiträge: 408
Medaillen: Keine
|
Verfasst am: 21.08.2008, 21:26 Titel: |
|
|
Hiermit kann man sich übrigends seine Webseite mit verschiedensten Browsern betrachten:
http://browsershots.org/ _________________ Kochen ist ein NP-schweres Optimierungsproblem. |
|
Nach oben |
|
|
malignate Mini JLI'ler
Anmeldedatum: 16.08.2005 Beiträge: 16
Medaillen: Keine
|
Verfasst am: 23.08.2008, 00:26 Titel: |
|
|
Da es wahrscheinlich eine private HP wird oder eine Verreinsseite oder ähnliches, wäre es mir auch egal, aber in einer richtigen Webanwendung ist der IE6 schon noch ein Thema. Da wo ich neben meinem Studium arbeite, muss ich leider auf sowas achten und der Grund sieht man ja auch in den Statistiken:
http://www.webhits.de/deutsch/index.shtml?/deutsch/webstats.html |
|
Nach oben |
|
|
xardias JLI Master
Alter: 38 Anmeldedatum: 28.12.2003 Beiträge: 804 Wohnort: Palo Alto, CA Medaillen: Keine
|
Verfasst am: 26.08.2008, 20:25 Titel: |
|
|
Der IE6 kommt doch mit dem Boxmodell relativ gut klar mitlerweile.
Also ich würde da sowieso nicht mehr versuchen ein möglichst einheitliches Bild zwischen den Browsern zu erreichen. Es muss in allen Browsern ansprechend aussehen und funktionieren, das muss reichen .
Und bei meiner Webseite hab ich keinerlei Fixes für den IE6 gebraucht. Sogar der IE5.5 zeigt die Seite halbwegs vernünftig an, nicht sehr schön aber brauchbar.
Deviloper:
In der Regel würde ich mal behaupten, dass man Webseiten für die zukünftigen Leser macht. Und da diese zu einem Großteil den IE6 benutzen wäre es in meinen Augen einfach dumm, diesen zu ignorieren. Wenn IE6 Nutzer nicht in deine Zielgruppe fallen.. okay, musst du wissen.
Klar, es ist scheisse, er unterstützt den Standard nicht. Aber Standard hin oder her, eine Webseite muss funktionieren. Deine Leser haben nichts davon, dass "semantic valid xhtml 1.1" unter der Webseite steht, wenn die Seite in ihrem Browser zum kotzen aussieht. |
|
Nach oben |
|
|
Deviloper Junior JLI'ler
Anmeldedatum: 31.05.2006 Beiträge: 77
Medaillen: Keine
|
Verfasst am: 26.08.2008, 21:00 Titel: |
|
|
Wenn die Benutzer sich nicht selber für große Gurus halten und meinen Windows Update abschalten zu müssen, sollte bereits mindestens Windows Internet Explorer 7 installiert sein. |
|
Nach oben |
|
|
Fallen JLI MVP
Alter: 40 Anmeldedatum: 08.03.2003 Beiträge: 2860 Wohnort: Münster Medaillen: 1 (mehr...)
|
|
Nach oben |
|
|
xardias JLI Master
Alter: 38 Anmeldedatum: 28.12.2003 Beiträge: 804 Wohnort: Palo Alto, CA Medaillen: Keine
|
Verfasst am: 27.08.2008, 06:48 Titel: |
|
|
25% gurus sind nicht zu verachten |
|
Nach oben |
|
|
|