You are not logged in.

Spaltenlayout

wcf.regNote.message

Knubbel

Beginner

  • "Knubbel" started this thread

Posts: 5

Location: Friedland

Occupation: Schüler

  • Send private message

1

Sunday, April 24th 2005, 11:07pm

Spaltenlayout

hallo,
ich möchte ein spaltenlayout machen. nun hab ich folgendes problem:
die css-konfiguration befindet sich ini einer externen datei und mit der wird unter mozilla die linke spalte nich erstellt.
unter ie funzt auch die linke spalte jedoch wird der abstand nach oben nicht eingehalten..welchen ich eigentlich 0 gesetzt habe und außerdem schließt die spaltenmitte nicht an die linke und rechte spalte an, sondern befindet einfach nur da in der mitte und ignoriert meine befhele :/

hier der link zur seite (beachtet nich die farben, dient nur als übung)

http://knubbel.united-systems.org/


und hier die css datei:

http://knubbel.united-systems.org/layout.css

hoffe ihr könnt mir helfen
mfg Knubbel

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

2

Monday, April 25th 2005, 9:07am

Source code

 
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
30
31

<!-- Layoutangaben -->

.navbar
       {
        position: absolute;
        width: 100px;
        top: 0;
        left: 0;
        background: red;
       }

.content
        {
         margin-left: 100px;
         margin-right: 20%;
         background: blue;
        }

.sponsor
        {
         position: absolute;
         width: 20%;
         top:   0;
         right: 0;
         background: red;
        }

div > h1
        {
         margin-top: 0;
        }


also, was du da gemacht hast sind ja divs und keine spalten. daher ordnet der die auch nicht schön nebeneinander an. du musst schon jedes einzelne positionieren. und das machst du ja beim mittleren nicht. margin ist ja die ausrichtung des inhalts des divs und nicht die ausrichtung des divs in seiner umgebung. bei den anderen machst du das schon, also positioniert der die auch vernünftig.


dass der browser deine angaben für die navbar ignoriert liegt an dem falschen kommentar. so kommentierst du zwar in html-dateien, aber nicht in css files. daher kann er das nicht richtig interpretieren.

lösch mal die zeile

<!-- Layoutangaben -->

und es wird gehen.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

wcf.user.socialbookmarks.titel