JLI Spieleprogrammierung Foren-Übersicht JLI Spieleprogrammierung

 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen 
 medals.php?sid=dd4205dec5d4a1309acbd1e2112fc4cdMedaillen   RegistrierenRegistrieren   ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

CSS Ausrichtung
Gehe zu Seite 1, 2  Weiter
 
Neues Thema eröffnen   Neue Antwort erstellen    JLI Spieleprogrammierung Foren-Übersicht -> Entwicklung
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

BeitragVerfasst am: 25.04.2008, 20:53    Titel: CSS Ausrichtung Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
KI
JLI Master


Alter: 39
Anmeldedatum: 04.07.2003
Beiträge: 965
Wohnort: Aachen
Medaillen: Keine

BeitragVerfasst am: 26.04.2008, 09:51    Titel: Antworten mit Zitat

Probier mal für div.content
Code:

margin: 0;

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. Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
Deviloper
Junior JLI'ler



Anmeldedatum: 31.05.2006
Beiträge: 77

Medaillen: Keine

BeitragVerfasst am: 26.04.2008, 22:13    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Jonathan_Klein
Living Legend


Alter: 37
Anmeldedatum: 17.02.2003
Beiträge: 3433
Wohnort: Siegerland
Medaillen: Keine

BeitragVerfasst am: 30.04.2008, 22:15    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Deviloper
Junior JLI'ler



Anmeldedatum: 31.05.2006
Beiträge: 77

Medaillen: Keine

BeitragVerfasst am: 01.05.2008, 10:14    Titel: Antworten mit Zitat

kannst auch width angabe machen ... muss die nur korrekt angeben Wink
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
LaptopLover
Mini JLI'ler



Anmeldedatum: 16.08.2008
Beiträge: 5

Medaillen: Keine

BeitragVerfasst am: 17.08.2008, 01:27    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Deviloper
Junior JLI'ler



Anmeldedatum: 31.05.2006
Beiträge: 77

Medaillen: Keine

BeitragVerfasst am: 17.08.2008, 15:35    Titel: Antworten mit Zitat

schön für IE Wink Dann hat der in dem Fall pech gehabt, denn das Boxmodel hat wenig mit der Textausrichtung zu tun.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
malignate
Mini JLI'ler



Anmeldedatum: 16.08.2005
Beiträge: 16

Medaillen: Keine

BeitragVerfasst am: 20.08.2008, 22:43    Titel: Antworten mit Zitat

@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
Benutzer-Profile anzeigen Private Nachricht senden
Deviloper
Junior JLI'ler



Anmeldedatum: 31.05.2006
Beiträge: 77

Medaillen: Keine

BeitragVerfasst am: 21.08.2008, 15:43    Titel: Antworten mit Zitat

Nö. Es gibt IE7 u. IE8 steht in den Startlöchern. Da muss man bestimmt nicht mehr auf IE6 bauen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kampfhund
Super JLI'ler


Alter: 42
Anmeldedatum: 20.07.2002
Beiträge: 408

Medaillen: Keine

BeitragVerfasst am: 21.08.2008, 21:26    Titel: Antworten mit Zitat

Hiermit kann man sich übrigends seine Webseite mit verschiedensten Browsern betrachten:

http://browsershots.org/
_________________
Kochen ist ein NP-schweres Optimierungsproblem.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
malignate
Mini JLI'ler



Anmeldedatum: 16.08.2005
Beiträge: 16

Medaillen: Keine

BeitragVerfasst am: 23.08.2008, 00:26    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
xardias
JLI Master


Alter: 38
Anmeldedatum: 28.12.2003
Beiträge: 804
Wohnort: Palo Alto, CA
Medaillen: Keine

BeitragVerfasst am: 26.08.2008, 20:25    Titel: Antworten mit Zitat

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 Wink.
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
Benutzer-Profile anzeigen Private Nachricht senden
Deviloper
Junior JLI'ler



Anmeldedatum: 31.05.2006
Beiträge: 77

Medaillen: Keine

BeitragVerfasst am: 26.08.2008, 21:00    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Fallen
JLI MVP
JLI MVP


Alter: 40
Anmeldedatum: 08.03.2003
Beiträge: 2860
Wohnort: Münster
Medaillen: 1 (mehr...)

BeitragVerfasst am: 26.08.2008, 21:14    Titel: Antworten mit Zitat

http://www.w3schools.com/browsers/browsers_stats.asp
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
xardias
JLI Master


Alter: 38
Anmeldedatum: 28.12.2003
Beiträge: 804
Wohnort: Palo Alto, CA
Medaillen: Keine

BeitragVerfasst am: 27.08.2008, 06:48    Titel: Antworten mit Zitat

25% gurus sind nicht zu verachten Wink
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    JLI Spieleprogrammierung Foren-Übersicht -> Entwicklung Alle Zeiten sind GMT
Gehe zu Seite 1, 2  Weiter
Seite 1 von 2

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

Impressum