Seiten aufbau fehlerhaft

Lern_HEIKO · 17.12.2007, 19:49

so ich hab mir jetz schon etliche tuts für css angeschaut aber bis jetz keine richtigen beschreibungen für meinen fehler gefunde...ich hoff ihr könnt mir helfen...

schaut euch mal bitte diese seite an:

Meine Seite

also ich habe lange nicht weiter gemacht jetz hab ich gedacht ich mach mal das css design fertig...aber jetz verändert sich die breiten von dem ganzen immer mit dem text das soll aber nicht so sein...ich will dass das immer gleich bleibt...dass die weißen felder immer in der mitte sind mit einem abstand von 10 px: oben unten rechts links...und dass die schwarzen felder immer die gleiche breite haben...könnt ihr mir weiterhelfen...

also meine css datei sieht so aus...

Code:


@CHARSET "ISO-8859-1";

#container {
width: 747px;
margin: 10px auto;
text-align: left;
}

#root_oben {
float: center;
width: 747px;
height: 430px;
}

#banner {
height: 250px;
background-image : url(layout_bilder/banner.jpg);
}

#last_news_alles {
height: 180px;
float: left;
width: 448px;
background-image : url(layout_bilder/news_alles.jpg);
}

#last_news_inhalt {
margin: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#login_alles {
height: 180px;
float: left;
widht: 291px;
background-image : url(layout_bilder/login_alles.jpg);
}

#login_inhalt {
margin: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#root_mitte {
float: center;
width: 747px;
}

#links_alles {
width: 25%;
float: left;
background-image : url(layout_bilder/links_alles.jpg);
}

#links_inhalt {
margin: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#rechts_alles {
width: 49%;
float: left;
text-align: center;
background-image : url(layout_bilder/rechts_alles.jpg);
}

#rechts_inhalt {
margin: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#foot {
height: 30px;
float: right;

}

ich hoffe ihr versteht das...

hier ist mein index.php...

PHP-Code:

 
[left]<?php 
session_start(); 
include "templates/function/conifg.php"; // die Konfigurationsdateien lesen. 
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n"; 
echo " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"; 
echo "<html>\n"; 
echo " <head>\n"; 
echo " <title>Meine Seite</title>\n"; 
echo " <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n"; 
echo " <meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\" />\n"; 
echo " </head>\n"; 
echo " <body>\n";
echo " <div id=\"container\">\n"; //ganze Seite
echo " <div id=\"root_oben\">\n"; //ganzer oberer Bereich
echo " <div id=\"banner\">\n"; // header
include "templates/seiten/banner.php"; 
echo " </div>\n";
echo " <div id=\"last_news_alles\">\n"; // rechter teil unter dem header und zwar das ganze
echo " <div id=\"last_news_inhalt\">\n"; // der weiße teil in dem Bereich
include "templates/seiten/last_news.php";
echo " </div>\n";
echo " </div>\n";
echo " <div id=\"login_alles\">\n"; // Bereich links und zwar das ganze
echo " <div id=\"login_inhalt\">\n"; // der weiße bereich darin
include "index2.php";
echo " </div>\n";
echo " </div>\n";
echo " </div>\n";
echo " <div id=\"root_mitte\">\n"; // der ganze mittlere bereich
echo " <div id=\"links_alles\">\n"; // ganzer navi bereich
echo " <div id=\"links_inhalt\">\n"; // der weiße inhalt im navi
include "templates/seiten/menu.php"; 
echo " </div>\n";
echo " </div>\n"; 
echo " <div id=\"rechts_alles\">\n"; // ganzer content bereich
echo " <div id=\"rechts_inhalt\">\n"; // weißer bereich im content
include "templates/seiten/inhalt.php"; 
echo " </div>\n"; 
echo " </div>\n";
echo " <div id=\"foot\">\n"; // schluss ;-)
echo " </div>\n"; 
echo " <br style=\"clear:both;\" />\n"; 
echo " </div>\n";
echo " </div>\n"; 
echo " </body>\n"; 
echo "</html>\n";[/left]
?>

Lern_HEIKO · 19.12.2007, 19:20

hat nicht jemand eine lösung für mich...danke im voraus

Lern_HEIKO · 22.12.2007, 14:36

weiß keiner wie das geht...oder hat jemand ein tut für mich...

PTC · 29.12.2007, 10:55

Vielleicht fehlt dir ein Main-ding(weiss nicht wie das heisst/ in dem Beisp. font), also wie ich sehe hast du ganz viele IDs.

Beisp.

Code:

font, #foot { ** }

Montellese · 29.12.2007, 14:40

Also ich würde erstmal damit anfangen, dass du die Elemente, die in einem anderen Element im HTML-Quellcode vorkommen, in CSS als Unterelemente des Hauptelementes definiert werden. Zum Beispiel ist das Element mit der id "last_news_inhalt" ein Unterelement von "last_news_alles" und es gibt in deinem Code noch ne Menge andere davon

Und die Höhe und Breite kannst du ja mit width Pixelgenau angeben. Dann musst du nurnoch mit overflow definieren, was passieren soll, wenn der Inhalt grösser ist als die Breite und schon sollte alles so sein, wie du es willst.

Lern_HEIKO · 02.01.2008, 12:27

könntest du mir das genauer erklären wie das mit overflow geht oder hast du ein tut für mich weil ich hab wirklich nur grundkenntnisse in css un wenns dann spezieller wird hab ich keine anhnung mehr weil ich nie ein geeignetes tut gefunden hatte...danke im voraus

Montellese · 02.01.2008, 14:08

Schau mal hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
Hat sowohl ne Erklärung als auch ein Beispiel mit Ansichtmöglichkeit! selfHTML ist meiner Meinung nach immer die beste Anlaufstelle, wenn es um irgendwelche Grundlegenden Fragen bzgl HTML, CSS oder JavaScript geht.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seiten sichern!?	c01001	PHP Tipps 2006	7	20.01.2006 09:13
[Erledigt] Zuviele Seiten werden angezeigt		PHP Tipps 2007	5	24.12.2005 12:49
[Erledigt] gute seiten gesucht		Off-Topic Diskussionen	1	09.10.2005 23:12
Textdatei auslesen und auf mehrere Seiten verteilen?	nicobischof	PHP Tipps 2005-2	4	02.10.2005 11:24
[Erledigt] Seiten werden fehlerhaft angezeigt wie z.B. <TABLE width=		PHP-Fortgeschrittene	1	13.09.2005 19:18
Instanz über mehrere Seiten verwenden?	becks123	PHP Tipps 2005-2	3	22.08.2005 10:10
Formular mit insg. 4 Seiten		PHP Tipps 2005-2	5	15.08.2005 14:09
HTML Seiten generieren	obi	PHP Tipps 2005-2	5	05.06.2005 03:21
3 Seiten durch Passwort schützen mit einmaliger PW-Eingabe?		PHP Tipps 2005	12	19.04.2005 22:41
wml oder php/html Seiten automatisch erkennen	Soese	PHP Tipps 2005	4	13.01.2005 22:57
Aufbau der Seiten - Verbesserungsvorschläge?		PHP Tipps 2004-2	0	09.12.2004 20:09
[Erledigt] div auf mehreren Seiten		HTML, Usability und Barrierefreiheit	0	25.11.2004 19:10
[Erledigt] Seitenaufrufe auf statischen Seiten mit PHP		PHP-Fortgeschrittene	6	25.10.2004 18:59
Wie erstelle ich eine Suchseite für meine eigenen PHP Seiten		PHP Tipps 2004	8	06.10.2004 12:14
[Erledigt] Seiten Indizierung		PHP-Fortgeschrittene	5	01.06.2004 19:28

17.12.2007, 19:49
Lern_HEIKO Erfahrener Benutzer Registriert seit: 02.11.2007 Beiträge: 106	Seiten aufbau fehlerhaft so ich hab mir jetz schon etliche tuts für css angeschaut aber bis jetz keine richtigen beschreibungen für meinen fehler gefunde...ich hoff ihr könnt mir helfen... schaut euch mal bitte diese seite an: Meine Seite also ich habe lange nicht weiter gemacht jetz hab ich gedacht ich mach mal das css design fertig...aber jetz verändert sich die breiten von dem ganzen immer mit dem text das soll aber nicht so sein...ich will dass das immer gleich bleibt...dass die weißen felder immer in der mitte sind mit einem abstand von 10 px: oben unten rechts links...und dass die schwarzen felder immer die gleiche breite haben...könnt ihr mir weiterhelfen... also meine css datei sieht so aus... Code: @CHARSET "ISO-8859-1"; #container { width: 747px; margin: 10px auto; text-align: left; } #root_oben { float: center; width: 747px; height: 430px; } #banner { height: 250px; background-image : url(layout_bilder/banner.jpg); } #last_news_alles { height: 180px; float: left; width: 448px; background-image : url(layout_bilder/news_alles.jpg); } #last_news_inhalt { margin: 10px 10px 10px 10px; background-color: #FFFFFF; } #login_alles { height: 180px; float: left; widht: 291px; background-image : url(layout_bilder/login_alles.jpg); } #login_inhalt { margin: 10px 10px 10px 10px; background-color: #FFFFFF; } #root_mitte { float: center; width: 747px; } #links_alles { width: 25%; float: left; background-image : url(layout_bilder/links_alles.jpg); } #links_inhalt { margin: 10px 10px 10px 10px; background-color: #FFFFFF; } #rechts_alles { width: 49%; float: left; text-align: center; background-image : url(layout_bilder/rechts_alles.jpg); } #rechts_inhalt { margin: 10px 10px 10px 10px; background-color: #FFFFFF; } #foot { height: 30px; float: right; } ich hoffe ihr versteht das... hier ist mein index.php... PHP-Code: [left]<?php session_start(); include "templates/function/conifg.php"; // die Konfigurationsdateien lesen. echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n"; echo " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"; echo "<html>\n"; echo " <head>\n"; echo " <title>Meine Seite</title>\n"; echo " <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n"; echo " <meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\" />\n"; echo " </head>\n"; echo " <body>\n"; echo " <div id=\"container\">\n"; //ganze Seite echo " <div id=\"root_oben\">\n"; //ganzer oberer Bereich echo " <div id=\"banner\">\n"; // header include "templates/seiten/banner.php"; echo " </div>\n"; echo " <div id=\"last_news_alles\">\n"; // rechter teil unter dem header und zwar das ganze echo " <div id=\"last_news_inhalt\">\n"; // der weiße teil in dem Bereich include "templates/seiten/last_news.php"; echo " </div>\n"; echo " </div>\n"; echo " <div id=\"login_alles\">\n"; // Bereich links und zwar das ganze echo " <div id=\"login_inhalt\">\n"; // der weiße bereich darin include "index2.php"; echo " </div>\n"; echo " </div>\n"; echo " </div>\n"; echo " <div id=\"root_mitte\">\n"; // der ganze mittlere bereich echo " <div id=\"links_alles\">\n"; // ganzer navi bereich echo " <div id=\"links_inhalt\">\n"; // der weiße inhalt im navi include "templates/seiten/menu.php"; echo " </div>\n"; echo " </div>\n"; echo " <div id=\"rechts_alles\">\n"; // ganzer content bereich echo " <div id=\"rechts_inhalt\">\n"; // weißer bereich im content include "templates/seiten/inhalt.php"; echo " </div>\n"; echo " </div>\n"; echo " <div id=\"foot\">\n"; // schluss ;-) echo " </div>\n"; echo " <br style=\"clear:both;\" />\n"; echo " </div>\n"; echo " </div>\n"; echo " </body>\n"; echo "</html>\n";[/left] ?> __________________ gruß Heiko


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.12.2007, 19:20
Lern_HEIKO Erfahrener Benutzer Registriert seit: 02.11.2007 Beiträge: 106	hat nicht jemand eine lösung für mich...danke im voraus __________________ gruß Heiko

22.12.2007, 14:36
Lern_HEIKO Erfahrener Benutzer Registriert seit: 02.11.2007 Beiträge: 106	weiß keiner wie das geht...oder hat jemand ein tut für mich... __________________ gruß Heiko

29.12.2007, 10:55
PTC Erfahrener Benutzer Registriert seit: 27.10.2007 Beiträge: 1.708 PHP-Kenntnisse: Anfänger	Vielleicht fehlt dir ein Main-ding(weiss nicht wie das heisst/ in dem Beisp. font), also wie ich sehe hast du ganz viele IDs. Beisp. Code: font, #foot { ** }

29.12.2007, 14:40
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Also ich würde erstmal damit anfangen, dass du die Elemente, die in einem anderen Element im HTML-Quellcode vorkommen, in CSS als Unterelemente des Hauptelementes definiert werden. Zum Beispiel ist das Element mit der id "last_news_inhalt" ein Unterelement von "last_news_alles" und es gibt in deinem Code noch ne Menge andere davon Und die Höhe und Breite kannst du ja mit width Pixelgenau angeben. Dann musst du nurnoch mit overflow definieren, was passieren soll, wenn der Inhalt grösser ist als die Breite und schon sollte alles so sein, wie du es willst.

02.01.2008, 12:27
Lern_HEIKO Erfahrener Benutzer Registriert seit: 02.11.2007 Beiträge: 106	könntest du mir das genauer erklären wie das mit overflow geht oder hast du ein tut für mich weil ich hab wirklich nur grundkenntnisse in css un wenns dann spezieller wird hab ich keine anhnung mehr weil ich nie ein geeignetes tut gefunden hatte...danke im voraus __________________ gruß Heiko

02.01.2008, 14:08
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Schau mal hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen Hat sowohl ne Erklärung als auch ein Beispiel mit Ansichtmöglichkeit! selfHTML ist meiner Meinung nach immer die beste Anlaufstelle, wenn es um irgendwelche Grundlegenden Fragen bzgl HTML, CSS oder JavaScript geht.