Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Div ist abgeschnitten

Diskussion: Div ist abgeschnitten im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo erstmal, und zwar habe ich heute eine Homepage erstellt mit Hilfe von <div> und habe nun ein Problem. ...

Antwort
Alt 17.08.07, 22:58   #1 (permalink)
 
Registriert seit: 17.08.07
ben0m Leistung: Facit NTK
ben0m eine Nachricht über ICQ schicken
Likes: 0
Div ist abgeschnitten

Anzeige

Hallo erstmal,
und zwar habe ich heute eine Homepage erstellt mit Hilfe von <div> und habe nun ein Problem. Hab zwar gegoogelt und im Board nachgesucht, jedoch keine brauchbare Lösung gefunden. Hoffe ihr könnt mir helfen.

Bei der Homepage [erreichbar unter http://www.xxxx-xxxx.de Link entfernt!] ist ganz unten das <div> irgendwie abgeschnitten. Ich glaube es liegt an der Tabelle, die ich dort verwendet habe, jedoch gelang es mir nicht dieses Problem zu lösen.
Ich würde mich auch über ein Feedback über die Homepage freuen [ich kann Kritik vertragen].

Danke im Voraus,
ben0m

ben0m ist offline   Mit Zitat antworten
Alt 17.08.07, 23:28   #2 (permalink)
 
Registriert seit: 25.07.06
valenterry Leistung: Facit NTK
Likes: 0
Standard

Welches <div> meinst du denn? Das hättest du ruhig sagen können. Meine (mit Ajax Spezial geputze) Glaskugel verrät mir, dass du das <div> mit der id "page" meinst.

Suche
Code:
#page
{
	left:20px;top:20px;
	width:750px;height:800px;

	/* Hintergrundfarbe von der gesamten Page definieren */
	background-color: #FFFFFF;

	/* Rahmendicke (=border) und Rahmenfarbe (=solid) definieren */
	border:1px solid silver;
	
}
Ersetz es mit
Code:
#page
{
	left:20px;top:20px;
	width:750px;height:100%;

	/* Hintergrundfarbe von der gesamten Page definieren */
	background-color: #FFFFFF;

	/* Rahmendicke (=border) und Rahmenfarbe (=solid) definieren */
	border:1px solid silver;
	
}
(beachte das "height:100%;")

Generell: es wäre besser, wenn du deine Seite mit einem flexiblen Layout gestaltest. Das bedeutet, dass du statt Pixelangaben lieber % und em benutzt. Näheres dazu findest du auf de.selfhtml.org .
Weiterhin vermischt du <div>s und <table>s wie wild. Sowas sollte man nicht tun. Und du solltest deinen Quellcode mal ordentlich einrücken. (sowohl das CSS als auch das HTML)
Es würde auch helfen, wenn du deine Seite mal validieren lässt. Du hast da nämlich (vor allem im CSS) einige Syntaxfehler drin.
valenterry ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 17.08.07, 23:38   #3 (permalink)
Themenstarter
 
Registriert seit: 17.08.07
ben0m Leistung: Facit NTK
ben0m eine Nachricht über ICQ schicken
Likes: 0
Standard

Danke erstmal für die Antwort,
hat geklappt was du gesagt hast.
Also der Grund warum ich öfters Tabellen benutze ist, dass es mir bis jetzt noch nicht gelungen ist, div zu zentrieren. Deswegen habe ich eine Tabelle um die ganze Homepage gelegt. Außerdem wollte ich an einigen Stellen eine Rechts-Links-Unterteilung machen
(siehe e-Mail und Zeit). Kann man das Problem irgendwie anderweitig lösen?

Gruß
ben0m
ben0m ist offline   Mit Zitat antworten
Alt 17.08.07, 23:45   #4 (permalink)
 
Registriert seit: 25.07.06
valenterry Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von ben0m
Danke erstmal für die Antwort,
hat geklappt was du gesagt hast.
Also der Grund warum ich öfters Tabellen benutze ist, dass es mir bis jetzt noch nicht gelungen ist, div zu zentrieren.
Wie meinen? Wenn du die <div>s nicht gerade als inline definierst (und das hast du bis jetzt nicht getan), lassen sie sich mit
Code:
margin: auto;
/* und für den IE seperat in einer CSS Datei, die mit conditional comments eingefügt wird */
width: 90%; /*z.B. 90 Prozent*/
left: 5%; /* (100% - 90%) / 2 */
und schon sollten es 99% aller Browser zentriert anzeigen.

Zitat:
Außerdem wollte ich an einigen Stellen eine Rechts-Links-Unterteilung machen
(siehe e-Mail und Zeit). Kann man das Problem irgendwie anderweitig lösen?
E-Mail und Zeit? Wo is'n das? Ich kann bei deiner Homepage nur die Startseite aufrufen, alle anderen Links funktionieren nicht. Generell ist dein vorhaben aber auch mit zwei <div>s zu lösen. "float" ist das Zauberwort.
valenterry ist offline   Mit Zitat antworten
Alt 17.08.07, 23:52   #5 (permalink)
Themenstarter
 
Registriert seit: 17.08.07
ben0m Leistung: Facit NTK
ben0m eine Nachricht über ICQ schicken
Likes: 0
Standard

Okay danke vielmals.
Ich werd mich dann mal ransetzen.

P.S. Ach ja die E-Mail und Datum Zeile sind genau über dem Computer da... Ajax ist doch nicht so das wahre
ben0m ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » Div ist abgeschnitten
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 sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Finger halb abgeschnitten...Notfall Freizeithacker HaBo Lounge 31 16.09.07 17:15
Wie habt ihr bei PCMark 2002 abgeschnitten ? CubiC Umfragen 21 07.12.03 23:03


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61