cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 68137
Mitglieder online: 1
Gäste online: 6
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: Problem mit Div-Anordnung + Frage zum Design :)

Thread: Problem mit Div-Anordnung + Frage zum Design :)

Tags: DIV , Anordnung
Seite 1 von 212

02.02.2008 23:36 Uhr

 

Status: offline
Guten Abend Community =).
Ich hab heute für meine Homepage eine neue Startseite gemacht auf der informiert wird, dass derzeit umgebaut wird. Nun hab ich ein Problem: ich hab 3 verschiedene Divs. 2 davon werden nebeneinander angeordnet, nur leider rutscht einer davon immer nach unten und ich weiß nicht, wie ich den direkt neber den anderen Div bekomme.
Anschauen kann man das hier: http://hubusch.pytalhost.de/testlabor/index.html

Hier das CSS:
+ CSS:
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
#kasten {
      width:740px;
      height:550px;
      margin:0px auto;
}
#links {
      text-align:right;
      width:300px;
      margin-left:400px;
      margin-top:120px;
}
#textfeld1 {
      width:690px;
      font-size:13px;
      margin-left:26px;
      margin-top:52px;
}
#textfeld2 {
      width:345px;
      font-size:13px;
      margin-left:26px;
      margin-top:22px;
}
#textfeld3 {
      width:323px;
      font-size:13px;
      margin-left:500px;
      margin-top:22px;
}
Und hier der HTML-Code ohne Texte:
HTML:
1
2
3
4
5
6
7
8
9
10
<div id="kasten">
<div id="links">
</div>
<div id="textfeld1">
</div>
<div id="textfeld2">
</div>
<div id="textfeld3">
</div>
</div>
Ich hoffe ihr könnt mir bei der Lösung des Problems helfen und freu mich auf Antworten.
2 mal bearbeitet
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
02.02.2008 23:46 Uhr

 

zombie3456
Programmierer
Status: offline
CSS:
1
2
3
4
5
6
7
#textfeld2 {
      float: left;
      width:345px;
      font-size:13px;
      margin-left:26px;
      margin-top:22px;
}
Mit dieser kleinen Änderung (float) könnte es gehen. Kann aber auch sein, dass ich eine weitere Änderung, die benötigt wird, vergessen habe... Einfach mal probieren  :wink: 
___________________________
DURATIVUM | Blog zur Sprache Latein
03.02.2008 00:11 Uhr

 

Status: offline
Ja hat funktioniert, Dankeschön. Mit float hab ichs auch schon probiert, nur hatte ich es im 3. Textfeld, das war der Fehler.
Dann bin ich jetzt auch schon fertig mit dem Update. Sagt doch mal bitte, wie ihr die Version findet. Die fertige Version kann man im Link meiner Signatur betrachten, ich würd mich über nen GB-Eintrag freuen.
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
03.02.2008 00:35 Uhr

 

zombie3456
Programmierer
Status: offline
Zitat:
Mit float hab ichs auch schon probiert, nur hatte ich es im 3. Textfeld, das war der Fehler.

Das funktioniert ebenfalls mit float:right, allerdings musst du dann im HTML-Teil die 3. Textbox vor der 2. platzieren. Allerdings ändert sich dann die Reihenfolge der Markierung entsprechend der Reihenfolge im HTML.

Zitat:
Sagt doch mal bitte, wie ihr die Version findet.

Also ich find das Design sehr schick und edel. Kommt natürlich immer darauf an, was man erreichen will. Also Geschäftswebsite würde ich sie z.B. nicht so dunkel machen *g*

Etwas störend ist, dass man bei der roten Box so deutlich sieht, dass der Rahmen durch den Text geht. Da könntest du die Rahmenfarbe vielleicht auch noch abschwächen - so wie bei den grauen Boxen mit weißen Titel.

Falls du keinen Wert auf die korrekte Verwendung von HTML-Tags legst, dann kannst du das auch mit folgendem Code machen:
HTML:
1
2
3
4
5
<fieldset>
<legend>Überschrift</legend>
Text blabla
blbub
</fieldset>
Allerdings sind diese beiden Tags meines Wissens nicht für Textinhalte, sondern nur für die Anordnung von Formularelementen gedacht. Daher freue ich mich - als jemand, der versucht, Wert auf die richtige Verwendung von Tags zu legen -, dass du hier nicht die Formular-Variante für Textinhalte anwendest.

Achja, kleine Bemerkung in eigenem Sinne, da wegen dieses Problems auch immer wieder Besucher über Google zu meinem Blog finden: Internet Explorer Fieldset Bug - Brati Blog
1 mal bearbeitet
___________________________
DURATIVUM | Blog zur Sprache Latein
03.02.2008 00:44 Uhr

 

Status: offline
Mit welchem Browser surfst du denn? In Opera und Firefox wird jeder Text nämlich im Textfeld angezeigt und der Text geht nirgends durch die Linien. In IE7 kann man die Seite komplett vergessen, da hauts alles durcheinander, mal sehen, ob ich das ändere! Und in Konquerer (mit Kubuntu 7.10 und KDE4.0) scheinen die Texte richtig zu sitzen, aber das Hintergrundbild lädt nicht.
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
03.02.2008 00:52 Uhr

 

zombie3456
Programmierer
Status: offline
Ich hab Firefox 2.0.0.11.

Ich habe einen Screenshot (siehe Anhang) gemacht, damit du es sehen kannst. Bei Feld 1 scheint alles so zu sein, wie du es willst. Bei Feld 2 und 3 allerdings nicht.
Cache gelöscht habe ich übrigens schon.
1 Datei angehängt
2 mal bearbeitet
___________________________
DURATIVUM | Blog zur Sprache Latein
03.02.2008 00:58 Uhr

 

Status: offline
Ah, okay. Dann liegts wohl daran, dass du Linux benutzt, oder? Die Texte sollen eigentlich schön im Kasten bleiben.

Mal was anderes: ich kann mit Firefox Anhänge nicht betrachten, mir wird immer der Zugriff verweigert.
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
03.02.2008 08:41 Uhr

 

zombie3456
Programmierer
Status: offline
Zitat:
Ah, okay. Dann liegts wohl daran, dass du Linux benutzt, oder?

Ja, ich benutze Linux. Ob es daran liegt, kann ich nicht sagen, aber wäre eine Möglichkeit, dass da vielleicht ein Fehler in einer Funktion ist, der auf Windows so nicht auftritt.

Zitat:
Mal was anderes: ich kann mit Firefox Anhänge nicht betrachten, mir wird immer der Zugriff verweigert.

Kannst du im Forum Lob, Kritik, Beschwerden und Wünsche einen Thread eröffnen und dein Problem genauer erläutern? Vielleicht einen Screenshot vom Fehler etc.
___________________________
DURATIVUM | Blog zur Sprache Latein
03.02.2008 23:59 Uhr

 

Status: offline
Mal noch ein anderes Problem. Wie kann ich eine Umleitung schreiben, die den User von "index.html" zu "ie.html" leitet, falls der User den IE benutzt?

Folgende Umleitung hab ich bereits gefunden, aber die ist nur für IE6 oder älter:
PHP:
1
2
3
<!--[if lte IE 6]>
 <script type="text/javascript">top.location.href="ie.html";</script>
<![endif]-->
4 mal bearbeitet
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
04.02.2008 08:13 Uhr

 

Status: offline
Von solchen Aktion kann ich nur abraten.
Zum einen, weil das Teil von JavaScript abhängig ist, und weil es sehr unelegant ist.
___________________________
Visit: www.sim4000.de
Ein ball rollt um die Ecke und fällt um.
Intelligenz ist, wenn mein weiß, dass man doof ist.
Seite 1 von 212
Ähnliche Threads Forum Ähnlichkeitsgrad
 Probleme mit DIVs Website & Webprogrammierung 1
 Div Inhalt per Klick auf Link ändern Website & Webprogrammierung 1
 [gelöst] Verschiedene Anzeigen in IE und Firefox? Website & Webprogrammierung 1
 Suche PseudoPopup Website & Webprogrammierung 1
 [problem gelöst!]problem bei div-positionierung mit css + problem mit overflow Website & Webprogrammierung 1
 Bild in Div-Box Darstellungsfehler IE / FF Website & Webprogrammierung 1
 [gelöst] Problem mit CSS (Div Elemente) Website & Webprogrammierung 1
nach obennach oben

Copyright © 2008 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news - Your-Book.net - Dein kostenloses Gästebuch
ANEXIA - PHP Entwicklung - Dockers - s.Oliver Schuhe - Think Schuhe - der eigene Weg - Dorfen - Paul Green Schuhe - Bequeme Geox - Web-Entwicklung