Vollständige Version anzeigen : [CSS] Problem mit content ausrichtung


chrisTucker
02.03.2013, 15:13

Hi, ich wollte mir eine kleine Seite erstellen. Alles hat gepasst bis ich mir dann das Werk zum Schluss angesehen habe.


Mein main Content bereich sollte nur ein paar zeilen unter der nav liste sein, aber stattdessen fuckt mich das ding ab und macht was es will, ich finde meinen fehler im code einfach nicht .... Bitte um Hilfe, danke


(;checkmeout;ohost~de/newone/)

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Nanobyte
02.03.2013, 15:35

Wenn du #nav height: 700px gibst, dann musst du dich nicht wundern ;) 120px sieht gut aus


chrisTucker
02.03.2013, 15:49

Du bist meine Rettung !!!!! Danke hat wunderbar geklappt


Nanobyte
02.03.2013, 16:34

Du bist meine Rettung !!!!! Danke hat wunderbar geklappt

// Auszug aus der PM
wie du ja sicherlich meinen quelltext gesehen hast, hatte ich vor in diesem grünen balken auch noch etwas zu schreiben, also das weiße soll meine main content area sein

und warum setzt sich der footer soweit vom content ab? :(



Dein Hintergrundbild (images/content;png) hört bei 791px auf.
Nimm das no-repeat weg und es geht

P;s. Dein Hintergrundbild hat oben eine merkwürdige linie, die würde ich entfernen sonst taucht sie alle 791px wieder auf ;)

P;p;s. Außerdem müsste das Hintergrundbild nur 882 x 1 Pixel groß sein ;)


chrisTucker
03.03.2013, 10:43

dann nehme ich richtig an, dass der Hintergrund deswegen nur auf einem pixel Breite ist, da er sich sowieso wiederholt(?)
Ich hab einfach das Bild rausgenommen, bzw dem hintergrund einfach nur den farbcode gegeben .. sind ja keine texturen im bg gewesen.

den footer habe ich jetzt ganz anders gestaltet, weil der rahmen irgendwie immer breiter als der content war bzw war der ein wenig verschoben also habe ich eine andere Lösung dafür gefunden. ich hatte ehrlich gesagt auch keine ahnung woher die seltsame linie kam

So mein jetztiges Problem besteht aber darin, dass ich in der content area einen braunen balken habe in den ich auch schreiben will! habe dem ganzen auch eine div+ id zugefügt, aber trotzdem erscheint es unter dem main content


BlueSin
03.03.2013, 20:02

Du musst den Aufbau anders Gestalten.


<div id="content">
<div id="links">
</div>

<div id="rechts">
</div>
</div>


Nun weist du dem "#content" deine Gesamte Breite zu (791px)
"#links" bekommt eine Breite von z;B. "591px" und "#rechts" bekommt die restliche Breite (Gesamtbreite - Breite von "#links") in diesem Falle "200px".

Nun gibst du den Div's "#links" und "#rechts" noch den Style "float:left" und es sollte alles passen.


chrisTucker
04.03.2013, 04:03

Danke für die Hilfe, mehr als eine BW kann ich dir ja nicht geben

edit: // anbei würde ich gerne noch eine seitennavigation unter dem geschriebenen text im content machen. das man quasi die seiten umblättert
wie ist das möglich ?

bsp;: <- 1 , 2 , 3, 4, ->


Nanobyte
04.03.2013, 13:31

Was du suchst nennt sich Pagination => html css pagination

Perfect pagination style using CSS (;woork;blogspot~de/2008/03/perfect-pagination-style-using-css;html)


chrisTucker
07.03.2013, 02:23

Perfekt, danke! Habe mir das genau durchgelesen und öfters angewendet zum üben!!

Ich habe vor kurzem auch etwas zum üben angefangen, dabei geht es mir um die positionierung und gestaltung der Seite!

der Bereich "Wir freuen uns, Sie kennenzulernen!" sollte neben dem Main content stehen, ich bin schier am verzweifeln und sitze seit einiger Zeit daran. Kann diesen "Fehle" nicht beheben


(;checkmeout;ohost~de/%23visitenkarte/)


BlueSin
07.03.2013, 11:24

Weise den Div's "header" und "haupt" den Style "float:left" zu.
Dann sollte es funktionieren.


chrisTucker
07.03.2013, 12:51

AHHH !!!!! Wie ich gesehen habe, hatte ich dem "haupt" div noch nicht "gestyled" :D danke vielmals.

muss erst wieder ein paar leute bewerten bevor ich dich bewerten kann

eidt:

was muss ich machen, um die box links anzupassen? bzw den inhalt der box nach oben verschieben und die box kleiner ?

(;checkmeout;ohost~de/%23visitenkarte/)


Nanobyte
08.03.2013, 14:52

Entfern das margin-bottom: 0;2em; aus deiner h3 regel


chrisTucker
08.03.2013, 15:35

yeah super danke !! jetzt sieht es einigermaßen so aus :D
ich habe doch überall "border 0" angegeben, aber warum ist um header und footer ein Rahmen??


wie mache ich solche linien die dann am ende verwischen ??
sind das grafiken oder kann man das auch mit css stylen?

Mr. Laundry | Die Textilreinigung mit Hol und Bringservice, Reinigung-Express-Service, Firmen-W&auml;scheservice, Messe-Service, W&auml;schelieferservice (;;;mrlaundry~de/mr-laundry;html)


BlueSin
08.03.2013, 18:47

Das geht auch mit CSS 3 (glaube ich)
In diesem Fall ist es aber eine Grafik.

(;;;mrlaundry~de/templates/pics/rowbg;gif)

PS: Sehe keine Border um deinen Header/Footer. Mal Cache leeren?


chrisTucker
10.03.2013, 11:57

ich habe versucht die Seite nachzubauen, soweit läuft es eigentlich.

Wo ich gerade hänge ist die ausrichtung vom Inhalt des contents in der Mitte .. dieser soll ein wenig nach rechts verschoben werden, also nicht ganz anliegen am div likns von ihm

desweiteren bekomme ich es einfach nicht hin, die navigation nebeneinander zu reihen, obwohl ich den li. style auf "none" gestellt habe

(;checkmeout;ohost~de/%23textilreinigung/)


BlueSin
10.03.2013, 16:30

"#inhaltcontentmitte" ein angemessenes "padding-left" verpassen, dann ist der Inhalt nicht mehr ganz am Rand (ACHTUNG! -> Breite muss um die Pixel von Padding reduziert werden)

"list-style" entfernt nur den Style VOR der Auflistung (Den Punkt oder das Minus etc;)
Du musst den "li" Elementen ein "float:left" geben, dann stehen diese nebeneinander.


chrisTucker
11.03.2013, 20:02

"#inhaltcontentmitte" ein angemessenes "padding-left" verpassen, dann ist der Inhalt nicht mehr ganz am Rand (ACHTUNG! -> Breite muss um die Pixel von Padding reduziert werden)

"list-style" entfernt nur den Style VOR der Auflistung (Den Punkt oder das Minus etc;)
Du musst den "li" Elementen ein "float:left" geben, dann stehen diese nebeneinander;


Vielen Dank für die Hilfe Junges !

Gibt es denn speziell Seiten mit tutorials ? oder videomaterial?

selfhtml~org & csstricks kenne ich bis jetzt .. könnt ihr etwas empfehlen


(;checkmeout;ohost~de/%23textilreinigung/)


rush
12.03.2013, 22:31

Vielen Dank für die Hilfe Junges !

Gibt es denn speziell Seiten mit tutorials ? oder videomaterial?

selfhtml~org & csstricks kenne ich bis jetzt .. könnt ihr etwas empfehlen


(;checkmeout;ohost~de/%23textilreinigung/)


Video-Trainings von video2brain, Europas führendem Anbieter (;;;video2brain~com/de/web-entwicklung)

besonders zu empfehlen ist:
Little Boxes – Das große Training - Video-Training (;;;video2brain~com/de/videotraining/little-boxes-das-grosse-training)


chrisTucker
13.03.2013, 13:57

;;;video2brain~com/de/web-entwicklung

besonders zu empfehlen ist:
Little Boxes – Das große Training - Video-Training (;;;video2brain~com/de/videotraining/little-boxes-das-grosse-training)


:thumbsup: :thumbsup: :thumbsup: :thumbsup:

danke rush! genausowas hab ich gesucht


Ähnliche Themen zu [CSS] Problem mit content ausrichtung
  • Welche Ausrichtung der Werte hat das RR-Board?
    Hallo liebe RRler Ich soll eine Umfrage zum Thema Wertewandel durchführen. Die Grundlagen für diese soll der Ingelhart Index sein. Welcher meint das es nur Postmateriele Bedürfnisse[(;de;wikipedia~org/wiki/Postmaterialismus]) oder Materiele Bedürfnisse[Materialismus – Wikipedia (;de;wikiped [...]

  • Design coden; Problem mit Content-Bereich
    Ich code gerade im Auftrag von jemanden ein design. nur hat das Design so eine Schräge, und ich weiß nicht, wie ich den Content-Bereich (als IFrame) einbauen soll. Ich habe 3 Möglichkeiten, bitte stimmt mal oben ab, welche ihr am besten fändet. Danke. hier das Design (zensiert): :P [...]

  • problem mit FTP Content Maker...
    Nabend :] und zwar hab ich folgendes problem mit dem FTP Content Maker irgendwie listet der mich nicht mein zeugs auf was aufn str0 ist.... folgendes meldung kommt.... Request 5 Done. StatusCode = 230 LastResponse was : '230 User logged in, proceed;' No error Request 14 Done. StatusC [...]

  • [XML/XSL] Div Content Problem
    Hi Leute, ich habe gerade ein großes Problem. Baue mir zurzeit eine Seite und ich komme einfach nicht weiter. Link: (;;;parkett-jones~de/text) Inhalt [schwarz] und der Footer sollen sich dem Inhalt automatisch anpassen in ..;das ich nicht immer die Höche eingeben muss auf jeder Seite. die ganze [...]



raid-rush.ws | Imprint & Contact pr