7
Spalten direkt aneinader positionieren
Hallo Zusammen,
hab gerade das erstemal eine Internetseite mit einem kompletten CSS-Layout erstellt.
Soweit hat alles bestens funktioniert bis auf eine Sache. Ich habe eine ID Navigation
und eine ID Inhalt mit Parameter "float: right". Ich hätte jetzt gerne das bei ID direkt nebeneinander sind. Trotz "margin: 0 0 0 0" bleibt ein kleiner Abstand ca. 5px zwischen den beiden IDs.
Als Notlösung habe ich jetzt den IDs fixe Positionen zugeteilt damit funktioniert es. Kann
mir wer sagen was ich falsch gemacht habe?
Gruß
Christian
hab gerade das erstemal eine Internetseite mit einem kompletten CSS-Layout erstellt.
Soweit hat alles bestens funktioniert bis auf eine Sache. Ich habe eine ID Navigation
und eine ID Inhalt mit Parameter "float: right". Ich hätte jetzt gerne das bei ID direkt nebeneinander sind. Trotz "margin: 0 0 0 0" bleibt ein kleiner Abstand ca. 5px zwischen den beiden IDs.
Als Notlösung habe ich jetzt den IDs fixe Positionen zugeteilt damit funktioniert es. Kann
mir wer sagen was ich falsch gemacht habe?
Gruß
Christian
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 97229
Url: https://administrator.de/contentid/97229
Ausgedruckt am: 06.11.2024 um 01:11 Uhr
7 Kommentare
Neuester Kommentar
Hallo chrdohmen.
Hm, ein klein bißchen Code ist bei solchen Sachen immer ganz hilfreich.
Heißt jetzt du hast zwei div Container (Navigation und Inhalt ) nebeneinander?
margin: 0 0 0 0;
Hier fehlt die Maßangabe. Entweder Pixel oder Zentimeter oder oder?
z.B. margin: 0px 0px 0px 0px;
Viele Grüße Fritzchen.
Hm, ein klein bißchen Code ist bei solchen Sachen immer ganz hilfreich.
Heißt jetzt du hast zwei div Container (Navigation und Inhalt ) nebeneinander?
margin: 0 0 0 0;
Hier fehlt die Maßangabe. Entweder Pixel oder Zentimeter oder oder?
z.B. margin: 0px 0px 0px 0px;
Viele Grüße Fritzchen.
Ich habe sogar drei Divs und in einer separaten CSS Datei definiert
div#nav_left {
float: left;
background-color: #C0C0C0;
margin: 0em 0em 0em 0em; }
div#inhalt {
overflow: scroll;
margin: 0em 0em 0em 0em;
background-color: #FFFFFF;
font-family:Arial Narrow; color:#808080; font-size:15px; }
div#nav_right {
float: right;
background-color: #C0C0C0;
margin: 0em 0em 0em 0em; }
So sah mein Ursprung aus, nur mittlerweile hab ich aus Verzweiflung, wie bereits beschrieben, mit postion:absolut top, left usw die Positionen bestimmt.
Gruß
Christian
div#nav_left {
float: left;
background-color: #C0C0C0;
margin: 0em 0em 0em 0em; }
div#inhalt {
overflow: scroll;
margin: 0em 0em 0em 0em;
background-color: #FFFFFF;
font-family:Arial Narrow; color:#808080; font-size:15px; }
div#nav_right {
float: right;
background-color: #C0C0C0;
margin: 0em 0em 0em 0em; }
So sah mein Ursprung aus, nur mittlerweile hab ich aus Verzweiflung, wie bereits beschrieben, mit postion:absolut top, left usw die Positionen bestimmt.
Gruß
Christian
Hallo chrdohmen.
Wenn ich das jetzt richtig verstanden habe sollte es dann so aussehen?
body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;}
div#nav_left {
float:left;
background-color:#C0C0C0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:15%;}
div#inhalt {
overflow:auto;
float:left;
width:60%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFCCCC;
font-family:Arial Narrow;color:#808080;font-size:15px;}
div#nav_right {
float:right;
width:25%;
background-color:#C0C0C0;
margin:0px 0px 0px 0px;;
padding:0px 0px 0px 0px;}
Ich habe jetzt zum testen einfach ein paar Werte (HG Farben und Breiten) genommen, die mußt du jetzt noch anpassen.
Der Fehler bei dir lag daran das die Container nicht nebeneinander liegen sondern übereinander. Ich mache es im Testlauf immer so das ich den Containern immer verschiedene Farben gebe so kann man bestimmte Fehler schon ganz schnell erkennen.
Viele Grüße Fritzchen
Wenn ich das jetzt richtig verstanden habe sollte es dann so aussehen?
body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;}
div#nav_left {
float:left;
background-color:#C0C0C0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:15%;}
div#inhalt {
overflow:auto;
float:left;
width:60%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFCCCC;
font-family:Arial Narrow;color:#808080;font-size:15px;}
div#nav_right {
float:right;
width:25%;
background-color:#C0C0C0;
margin:0px 0px 0px 0px;;
padding:0px 0px 0px 0px;}
Ich habe jetzt zum testen einfach ein paar Werte (HG Farben und Breiten) genommen, die mußt du jetzt noch anpassen.
Der Fehler bei dir lag daran das die Container nicht nebeneinander liegen sondern übereinander. Ich mache es im Testlauf immer so das ich den Containern immer verschiedene Farben gebe so kann man bestimmte Fehler schon ganz schnell erkennen.
Viele Grüße Fritzchen
Vielen Dank für die Hilfe hat wunderbar geklappt. Werde aus der CSS-Datei nun wieder
die absolute Positionierung herausnehmen.
Habe aber schon gleich die nächste Frage vielleicht kannst du mir da auch weiterhelfen.
Man kann auf der Homepage die ich gestalte Formulare und Infomappen herunterladen. Jetzt
wäre es interessant zu wissen wer sich Dateien herunterlädt. Momentan strebe ich nach einem
kleinen Formular, das sich öffnet wenn man auf den Downloadlink klickt, wo der User
sein Name, E-Mail und Internetseite angibt. Klar man kann letztendlich nicht überprüfen ob
die Eingaben korrekt sind aber gehen wir mal davon aus es ist ein ehrlicher Mensch der
seine korrekte Daten angibt. Nach der Eingabe wird quasi der eigentliche Downloadlink
aktiv.
So das wäre meine Idee und würde gerne mal deine Meinung hierzu hören...
Gruß
Christian
die absolute Positionierung herausnehmen.
Habe aber schon gleich die nächste Frage vielleicht kannst du mir da auch weiterhelfen.
Man kann auf der Homepage die ich gestalte Formulare und Infomappen herunterladen. Jetzt
wäre es interessant zu wissen wer sich Dateien herunterlädt. Momentan strebe ich nach einem
kleinen Formular, das sich öffnet wenn man auf den Downloadlink klickt, wo der User
sein Name, E-Mail und Internetseite angibt. Klar man kann letztendlich nicht überprüfen ob
die Eingaben korrekt sind aber gehen wir mal davon aus es ist ein ehrlicher Mensch der
seine korrekte Daten angibt. Nach der Eingabe wird quasi der eigentliche Downloadlink
aktiv.
So das wäre meine Idee und würde gerne mal deine Meinung hierzu hören...
Gruß
Christian
Hallo chrdohmen.
Vielen Dank für die Hilfe hat wunderbar geklappt.
Gerne, schön wenn ich helfen konnte.
Nun zu deiner Frage.
Für dein Vorhaben ist deine Idee schon der korrekte Weg. Ich würde ich auch den selben Ablauf wählen. Auch im Netz findet man auf vielen Seiten, die Informationen zum Download anbieten, diesen Verfahrensweg. Also völlig in Ordnung.
Eine Sache würde ich aber vielleicht doch noch erweitern. So eine art internen Counter. Ich meine welche Infodatei wie oft heruntergeladen wurde. So als Statistik, wo liegt das meiste Interesse.
Ist jetzt aber nur so eine Idee.
Viele Grüße Fritzchen.
Vielen Dank für die Hilfe hat wunderbar geklappt.
Gerne, schön wenn ich helfen konnte.
Nun zu deiner Frage.
Für dein Vorhaben ist deine Idee schon der korrekte Weg. Ich würde ich auch den selben Ablauf wählen. Auch im Netz findet man auf vielen Seiten, die Informationen zum Download anbieten, diesen Verfahrensweg. Also völlig in Ordnung.
Eine Sache würde ich aber vielleicht doch noch erweitern. So eine art internen Counter. Ich meine welche Infodatei wie oft heruntergeladen wurde. So als Statistik, wo liegt das meiste Interesse.
Ist jetzt aber nur so eine Idee.
Viele Grüße Fritzchen.
Wie gesagt ist es meine erste Interpräsenz die ich gestalte.
Also müsstest du mir auf die Sprünge helfen wie ich das mit dem
internen Counter anstelle, finde die Idee sehr hilfreich.
Gruß
Christian
Also müsstest du mir auf die Sprünge helfen wie ich das mit dem
internen Counter anstelle, finde die Idee sehr hilfreich.
Gruß
Christian
Hallo chrdohmen.
Ja, dazu bräuchte ich dann ein paar genaue Informationen über den Account den du nutzt.
- welche Programmiersprachen sind möglich
- ist die Nutzung einer Datenbank vorhanden
Viele Grüße Fritzchen
Ja, dazu bräuchte ich dann ein paar genaue Informationen über den Account den du nutzt.
- welche Programmiersprachen sind möglich
- ist die Nutzung einer Datenbank vorhanden
Viele Grüße Fritzchen
