php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 09-09-2003, 09:42
MoRtAlAn
 PHP Master
Links : Onlinestatus : MoRtAlAn ist offline
Registriert seit: Jan 2002
Ort: Mühlheim am Main
Beiträge: 5.934
MoRtAlAn ist zur Zeit noch ein unbeschriebenes Blatt
Standard [CSS] Layout mit <div>-Tags

erstmal die Skripte (aufs Nötigste reduziert!)

index.html
Code:
<html>
<head>
<title>bla bla blubb</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="oben">reihe 1</div>
<div id="suboben">reihe 2</div>
<div id="mitte">
	<div id="left">reihe3 spalte1</div>
	<div id="middle">reihe3 spalte2</div>
	<div id="right">reihe3 spalte3</div>
</div>
<div id="unten">reihe 3</div>

</body>
</html>
style.css
Code:
body {
	margin:0px;
}

#oben {
	height:100px;

}

#suboben {
	height:15px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#3f3f3f;
	padding-left: 155px;
	padding-top:2px;
	padding-bottom:2px;
}

#left {
	width:150px;
	border:1px #000000 solid;
}

#middle {
	
}

#right {
	width:150px;
	border:1px #000000 solid;
}

#unten {
	height:15px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#3f3f3f;
	padding-left: 15px;
	padding-top:2px;
	padding-bottom:2px;
}
so, was irgendwie nicht richtig geht...

#unten: dieser div-bereich soll immer ganz unten am bildschirm sein, auch, wenn der inhalt nicht den ganzen bildschirm füllt.

#mitte: die drei div-bereiche liegen untereinander, wie bekomme ich die nebeneinander ?
#left & #right haben feste Breiten, wie kann ich definieren, dass # middle den rest der bildschirmbreite bekommt ?

so, das wars auch erstmal

gruss
Mit Zitat antworten
  #2 (permalink)  
Alt 09-09-2003, 09:53
schmalle
  Ich Root, Du nix
Links : Onlinestatus : schmalle ist offline
Registriert seit: Jun 2001
Ort: Egelsbach FFM
Beiträge: 9.170
schmalle ist zur Zeit noch ein unbeschriebenes Blatt
Standard

hmmm, dann wollen mal

<div> nebeneinander? könnte mit "display:inline" funken.
es erfolgt dann kein erzwungener umbruch mehr. wenn dinger aussen feste breiten haben, ergibt sich die mitte wohl von selbst?!?!

<div> ganz unten wird so nicht funken. kannste nur eine tabelle mit css auf 100% höhe setzen. den rest kannste dir hoffentlich selbst ausdenken

alles ungetestet
__________________
h.a.n.d.
Schmalle

http://impressed.by
http://blog.schmalenberger.it



Wichtige Anmerkung: Ich habe keine Probleme mit Alkohol ...
... nur ohne :-)
Mit Zitat antworten
  #3 (permalink)  
Alt 09-09-2003, 10:01
MoRtAlAn
 PHP Master
Links : Onlinestatus : MoRtAlAn ist offline
Registriert seit: Jan 2002
Ort: Mühlheim am Main
Beiträge: 5.934
MoRtAlAn ist zur Zeit noch ein unbeschriebenes Blatt
Standard

also:

display:inline;

funzt

ok, dachte nur, vielleicht geht es auch ohne tabelle

das mit der breite geht irgendwie nicht...

links und rechts feste breite, mitte die breite, die der text hat..., solls halt aber nicht...

width mit %angabe will er nicht...

gruss
Mit Zitat antworten
  #4 (permalink)  
Alt 09-09-2003, 10:12
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Original geschrieben von MoRtAlAn
links und rechts feste breite, mitte die breite, die der text hat..., solls halt aber nicht...
ich glaube, das beispiel-layout unter http://www.glish.com/css/7.asp passt ganz gut auf deine anforderung.

(und die anderen beispiele dort sind auch immer mal einen blick wert ...)
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #5 (permalink)  
Alt 09-09-2003, 10:20
MoRtAlAn
 PHP Master
Links : Onlinestatus : MoRtAlAn ist offline
Registriert seit: Jan 2002
Ort: Mühlheim am Main
Beiträge: 5.934
MoRtAlAn ist zur Zeit noch ein unbeschriebenes Blatt
Standard

mh... die seite kannte ich noch nicht!

THX!

gruss
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

Projektmanagement Damals und Heute
Projektmanagement Damals und HeuteWerfen Sie einen Blick auf das, was sich verändert hat, und entdecken Sie, wo die Zukunft dieses Gebietes hinsteuert.

18.01.2021 | Berni

Arbeitsmanagement-Tools
Arbeitsmanagement-ToolsWarum jedes Team Arbeitsmanagement-Tools benötigt. Man schätzt, dass 25% eines durchschnittlichen Mitarbeiter-Tages durch ineffiziente Arbeit vergeudet werden.

11.12.2020 | Berni


 

Aktuelle PHP Scripte

Formmailer Bootstrap 4

Mit dem Formmailer kann man sich eMails über seine Seite zukommen lassen.

08.07.2021 arne-home | Kategorie: PHP/ Formular
Fehlerseite Bootstrap 4

Bei Aufruf einer nicht existierenden Seite, teilen Sie Besuchern mit einer eigenen Fehlerseite mit, dass die gewünschte Seite nicht gefunden wurde. Die eigene Fehlerseite sollte dasselbe Design wie die Website haben. Zudem sollte ein Link zur Startseite a

04.07.2021 arne-home | Kategorie: PHP/ Counter
Upload Bootstrap 4

Mit dem PHP - Uploadscript kann man schnell und einfach Bilder und Dateien auf den Webserver hochladen.

04.07.2021 arne-home | Kategorie: PHP/ File
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:37 Uhr.