hilfdirselbst.ch
Facebook Twitter gamper-media
MacBoris
Beiträge: 37
16. Dez 2004, 23:14
Beitrag #1 von 15
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Ich versuche gerade eine Website zu erstellen mit CSS. Wie mache ich nur mit CSS einen Rahmen, der zum Beipiel fix links und Rechts vom Fenster 20 px Abstand hat und der Rahmen dann in der Breite varierirt. Ich hab das ganze soweit hingekriegt, dass es unter Safari und Firefox läuft aber der IE streikt.

Zu finden unter

http://borismeier.ch/hadlaub.html

http://borismeier.ch/hadlaub.css

Vielen Dank schon mal Top
 
X
r a c
Beiträge: 955
17. Dez 2004, 01:49
Beitrag #2 von 15
Beitrag ID: #131106
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Hallo,

Welcher Rahmen? Gib uns doch noch die id.

Ich würde es mit Innenabstand und voller Breite machen. Etwa so:
{ padding-right: 20px; padding-left: 20px; width: 100% }
Kommt natürlich darauf an, wo die 20px sein sollen. Zwischen Rand und Text?

Eventuell gibt mit dem seltsamen Boxmodell des IE Probleme.
Guckst du: http://www.css4you.de/wsboxmodell/

Grüsse r a c
als Antwort auf: [#131088] Top
 
MacBoris
Beiträge: 37
17. Dez 2004, 01:53
Beitrag #3 von 15
Beitrag ID: #131108
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Danke hat sich aber schon erledigt. Die Beispiele laufen darum auch schon auf dem IE.
als Antwort auf: [#131088] Top
 
r a c
Beiträge: 955
17. Dez 2004, 01:56
Beitrag #4 von 15
Beitrag ID: #131109
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Nachtrag:
In deinem CSS wiederholst du "font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif" x-mal. Das "C" in CSS heisst, dass eine Definition von einem Element zum Nächsten plätschert. Es genügt also, die Schrift für Body anzugeben (und td, wenn nötig) so wird das CSS kürzer und läuft genauso gut.

Grüsse r a c
als Antwort auf: [#131088]
(Dieser Beitrag wurde von r a c am 17. Dez 2004, 02:01 geändert)
Top
 
MacBoris
Beiträge: 37
17. Dez 2004, 02:05
Beitrag #5 von 15
Beitrag ID: #131110
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Das sind meine ersten Gehversuche mit einer Seite mit CSS. Somit bin ich für Hinweise jeglicher Art dankbar.

grüsse
als Antwort auf: [#131088] Top
 
MacBoris
Beiträge: 37
17. Dez 2004, 11:35
Beitrag #6 von 15
Beitrag ID: #131190
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


So ich weiss, dass das hier nicht das Testforum ist, aber ich frage jetzt trotzdem hier. Die Seite läuft jetzt unter safri, firefox und opera unter mac os x und unter IE 6 und firefox auf Windows Xp. Jedoch streikt sie mit dem IE 5.2 auf dem Mac ein wenig, das Fenster mit der id=fenster geht bis an den rechten Rand, was es nicht sollte.

Die Seite ist unter den oben genannten Adressen in akualisierter Version.

Vielen Dank für die super Hilfe hier im Forum...
als Antwort auf: [#131088] Top
 
GoeGG-ArT  M 
Beiträge: 2533
17. Dez 2004, 13:28
Beitrag #7 von 15
Beitrag ID: #131229
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


>>streikt sie mit dem IE 5.2 auf dem Mac
IE auf dem Mac?? gibt es das noch?
Der IE auf Mac wird eh nicht weiterentwickelt und ist Voller Fehler!
Tipp... IE5.2 >> Löschen
oder eine Browserweiche.....

gruess
GöGG
http://www.goegg-art.ch
**************************
G4 Dual 450Hz | OS X 10.3.6 | Safari 1.2.4
als Antwort auf: [#131088] Top
 
r a c
Beiträge: 955
17. Dez 2004, 15:07
Beitrag #8 von 15
Beitrag ID: #131259
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Find ich jetzt gar nicht.

Unter OS 9 war IE auch mein Browser. Jetzt natürlich Safari.
Wenn MacBoris einen Mac hat ist es naheliegend (und lobenswert) auch am IE zu testen.

Kann man das so verstehen, dass der Fehler in IE Windows nicht auftritt?

Grüsse r a c
als Antwort auf: [#131088] Top
 
MacBoris
Beiträge: 37
17. Dez 2004, 15:13
Beitrag #9 von 15
Beitrag ID: #131262
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Ja das ist das Problem, je nach Einstellung ist es im Mac IE oder im Windows IE richtig. Firefox und Safari stellen es in beiden Versionen richtig dar. Schon komisch...
als Antwort auf: [#131088] Top
 
r a c
Beiträge: 955
17. Dez 2004, 15:39
Beitrag #10 von 15
Beitrag ID: #131271
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Auch in der Layout-Ansicht von GoLive 6 sieht es seltsam aus. Du hast wohl CS?

Vom Aufbau find ich komisch, dass du "rand" und "fenster" unabhängig nacheinander kommen. "fenster" soll aber im "rand" sein.

Mit dem richtigen Aufbau kommt es dann in jedem Browser gut.

Vorschlag:
<div id="rand">
<div id="fenster">

</div>
</div>

und bei #fenster alles zur Positionierung rausnehmen, nur Abstände und border lassen.
als Antwort auf: [#131088]
(Dieser Beitrag wurde von r a c am 17. Dez 2004, 15:46 geändert)
Top
 
MacBoris
Beiträge: 37
23. Dez 2004, 22:13
Beitrag #11 von 15
Beitrag ID: #132313
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Hallo ich melde mich mal wieder mit ner Frage.

Kann mir jemand erklären warum die Rähmen mit den id=fenster und id=menu oben nicht bündig sind?

Die Links sind immer noch die Selben.

http://borismeier.ch/hadlaub.html
http://borismeier.ch/hadlaub.css

Grüssse aus Zürich...
als Antwort auf: [#131088] Top
 
Urs Gamper  A  p
Beiträge: 3740
23. Dez 2004, 23:13
Beitrag #12 von 15
Beitrag ID: #132315
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


probiers doch beim body noch mit border-top: 0
grüessli
urs
-----------------------------------
das arbeiten mit dynamischen seiten
leicht gemacht: http://www.netzprojekte.ch
als Antwort auf: [#131088] Top
 
MacBoris
Beiträge: 37
23. Dez 2004, 23:41
Beitrag #13 von 15
Beitrag ID: #132318
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Ich glaube du verstehst mich falsch. (Oder ich setze es falsch um?) Ich meine die beiden Rähmen welche mit ###INHALT### und ###MENU### gekennzeichnet sind. Wenn ich border-top: 0 im bodytag setzte passiert gar nichts und wenn ichs in die Rähmen setze verschwindet die obere Kante.

als Antwort auf: [#131088] Top
 
SabineP  M 
Beiträge: 7586
23. Dez 2004, 23:52
Beitrag #14 von 15
Beitrag ID: #132320
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Hallo Boris,

###INHALT### und ###MENU### sollen also nebeneinander stehen?

Dann ändere erst einmal die Reihenfolge im HTML-Quellcode:

<div id=menu>
###MENU###
</div>
<div id="fenster">
###INHALT###
</div>

und füge der id menu die CSS-Eigenschaft float:left hinzu.

http://www.w3.org/...current/test5525.htm

Beispiel:

<html>
<head>
<style type="text/css">
#menu {float:left;width:120px;border-style:solid;border-width:1px;border-color:#0c0}
#fenster{margin-top:0;margin-right:0;margin-left:150px;padding:15px 10px 10px;border:solid 1pt #0c0}
</style>
</head>
<body>

<div id="menu">
###MENU###
</div>
<div id="fenster">
###INHALT###
</div>
</body>
</html>

Gruß Sabine
als Antwort auf: [#131088]
(Dieser Beitrag wurde von SabineP am 23. Dez 2004, 23:58 geändert)
Top
 
MacBoris
Beiträge: 37
24. Dez 2004, 00:01
Beitrag #15 von 15
Beitrag ID: #132321
Bewertung:
(3085 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wieder mal eine Frage zu CSS?


Vielen dank! Es ist einfach super, wie schnell und kompentent einem hier im Forum geholfen wird.

als Antwort auf: [#131088] Top
 
X