mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 08:29 Benutzername: Passwort: Auto-Login

Thema: [CSS] Frage zu Div statt Ebene vom 14.02.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Frage zu Div statt Ebene
Seite: 1, 2  Weiter
Autor Nachricht
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mi 14.02.2007 12:32
Titel

[CSS] Frage zu Div statt Ebene

Antworten mit Zitat Zum Seitenanfang

Hallole,

ich bin ein CSS-Noob und habe zwei Probleme/Fragen Lächel
Ich habe eine zentrierte HP erstellt und irgendwie stehe ich
auf dem Schlauch bzgl. dem einfügen eines DIVs.

Klick mich

a)
Ich möchte das ein DIV an folgender Position erscheint
und

b)
Im IE habe ich links unten einen kleinen weißen Absatz,
im Firefox taucht dieser nicht auf, habe jetzt schon mit
allem möglichem rumprobiert, bekomme den aber
nicht weg.

Ich habe meine Preview-Version mal hochgeladen,
vielleicht hilft das weiter Lächel

HTML-Seite

Wäre super, wenn mir jemand weiterhelfen könnte
oder einen Link zum einlesen parat hat.
Danke schön...
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Mi 14.02.2007 13:29
Titel

Antworten mit Zitat Zum Seitenanfang

Was mir beim groben drüberschauen aufgefallen ist:

Das div »links« halt ich für unnötig kann über eine margin-angabe im div navigation besser gelöst werden.

absbottom für das untere bild ist keine gültiges html (...)

Du verwendest für die divs abwechselnd class und id´s ... warum?

das div in dem du den text haben willst kannst du eingentlich recht gut plazieren margin-left des navigations divs + breite der Navigationsbilder + noch ein paar pixel als margin-left und noch ein wert für margin-top.


ZIM
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Do 15.02.2007 09:29
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Zim,

zuerst mal Danke für Deine schnelle Hilfe Lächel
Ich habe gestern rumprobiert und die neue Version mal online gestellt...

Zim hat geschrieben:

Das div »links« halt ich für unnötig kann über eine margin-angabe im div navigation besser gelöst werden.


Ich habs über padding jetzt hinbekommen - bei margin hat es mir das layout zerhauen.
Es funktioniert aber nur im FF, im IE ist das HG-Bild verschoben...keine Ahnung woran das liegt

Zim hat geschrieben:

absbottom für das untere bild ist keine gültiges html (...)


Okay, danke. Habs mit margin-bottom hinbekommen

Zim hat geschrieben:

Du verwendest für die divs abwechselnd class und id´s ... warum?

Naja, wie gesagt bin ich noch totaler Anfänger und ich habe gedacht, dass
man IDs bei Elementen verwenden soll, welche nur einmal auf der Seite
vorkommen, deswegen habe ich für alle "einzigartigen" Elemente wie
Footer etc. gedacht das ich diese in IDs definieren Ooops

Zim hat geschrieben:

das div in dem du den text haben willst kannst du eingentlich recht gut plazieren margin-left des navigations divs + breite der Navigationsbilder + noch ein paar pixel als margin-left und noch ein wert für margin-top.


Sobald ich das Div a innerhalb des Containers platziere zerhaut es mir das Layout, muss damit
irgendwie noch rumprobieren Menno!

Nochmals danke für Deine Hilfe


Zuletzt bearbeitet von Pinhead86 am Do 15.02.2007 11:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Do 15.02.2007 13:38
Titel

Antworten mit Zitat Zum Seitenanfang

Also ich blicke es nicht, wie ich den Text-DIV im HTML-Code positionieren soll. Egal wo ich ihn reinplatziere zerhaut es mir was...vermtl. fehlt mir ein Befehl zur Positionierung oder so...ich habe mal bei css4you mich umgesehen, aber irgendwie stehe ich auf dem Schlauch.
Code:

.content
 {
   margin-left: 235px;
   margin-top: 335px;
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
 }
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Do 15.02.2007 14:21
Titel

Antworten mit Zitat Zum Seitenanfang

Versuche es einfach mal indem du den div´s id´s zuordnest und das ganze mit top und left positinierst und einen z-index vergibst.


ZIM
  View user's profile Private Nachricht senden
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Do 15.02.2007 16:26
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm..habe es jetzt mal mit IDs und Z-Index probiert, aber irgendwie krieg ich es nicht hin,
daß es im IE und FF gleich aussieht...

Z-Index Test

*hu hu huu*


Zuletzt bearbeitet von Pinhead86 am Do 15.02.2007 16:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Fr 16.02.2007 07:17
Titel

Antworten mit Zitat Zum Seitenanfang

Also die Verwendung von ID's für einzigartige Objekte des Layouts.. oder auch für DIV's die eben einen semantischen Teil erfüllen ist schon in Ordnung...

Wenn Du ein DIV wirklich frei positionieren willst kannst Du es mit dem Position Attribut versuchen.

Code:
position:absolute; top:123px; left:123px;


wobei ich mir aber generell gedanken über die gesamte Struktur machen würde wenn was nicht passt.
Einen z-index brauchst Du eigentlich nicht... Du willst ja nichts überlagern... oder versteh ich da was falsch.

Nimm doch mal Deine beiden komischen DIV's da unten raus... und setz ein DIV hinter dem Navigationsdingens ein...

Dein Code schaut dann ungefähr so aus...

Code:
<img src="images/gebaeude.jpg" alt="erko firmengeb&auml;ude" width="197" height="83" align="bottom">
</div><!-- navigation-->
   <div style="border:1px solid blue;float:left; margin:0px 0px 0px 20px;">Inhalt</div>
         <br style="clear:both" />
</div><!-- container-->
</body></html>


Ach ja... und Dein Navigations Div braucht noch die Eigenschaft "float:left" im css... dann klappts auch mit dem nebeneinander...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Fr 16.02.2007 09:52
Titel

Antworten mit Zitat Zum Seitenanfang

Impigra hat geschrieben:

Wenn Du ein DIV wirklich frei positionieren willst kannst Du es mit dem Position Attribut versuchen.


Naja, ich habe ja das Position-Attribut verwendet, aber wenn ich "absolute" benutze, funktioniert
meine zentrierte Darstellung der Site nicht mehr. Deswegen habe ich "relative" verwendet, so das beim
skalieren des Browser-Fensters die Seite immer zentriert ist.
Ich habe Deine Vorschläge mal integriert (klick
Geht aber bei relative-Positionierung innerhalb meines Container-Divs nicht.
Vielleicht finde ich im Netz irgendeine ähnlich aufgebaute Seite und ich kann mir da mal den Code
ansehen...trotzdem danke für Deine Hilfe.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Fixierte Ebene?
Problem mit Ebene
Nav-Ebene im Contentbereich
Ebene (Layer), iFrame, Div...?
PS Ebene auf Farbe ersetzen?
Verlinkung zu einer Ebene???
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.