tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
973
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 12.08.04 18:17 #1
    rookiestripes rookiestripes ist offline Grünschnabel
    Registriert seit
    Jan 2004
    Beiträge
    2
    Hallo an alle,

    möchte gerne bei meinem neuen Seitenlayout eine <div> Box mit dem Inhalt haben und darüber einen Banner, welchen ich auch in eine <div> Box plaziert habe .

    Für die Inhalts Box habe ich folgendes Style vergeben:

    #Content {
    position:absolute;
    left:40%;
    width:740px;
    margin-top:10%;
    margin-left:-266px;
    text-align:left;
    padding:15px;
    border:1px dotted #333;
    background-color:#fff;
    }


    Für den Banner habe ich folgenden Style festgelegt:

    #banner {
    position:absolute;
    left:40%;
    width:763px;
    margin-top:20px;
    margin-left:-265px;
    text-align:left;
    border:1px solid #fff;
    background-color:#fff;
    }

    Ich hätte nun gerne das der Banner 20px Abstand zum oberen Rand hat und das die Inhaltsbox einen Abstand von 5 px zum Banner hat und sich zwar deren Höhe verändert, wenn mehr Inhalt hingeschrieben wird, aber nicht die Positionierung. Außerdem habe ich festgestellt, daß die border: dotted Eigenschaft im IE manchmal total komisch ausschaut. Im Mozilla Firefox bleibt sie gleich.

    Wäre für Hilfe dankbar

    Liebe Grüße
    rookie
     
  2. 12.08.04 20:01 #2
    Avatar von Gumbo
    Gumbo Gumbo ist offline
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Hm, etwa soetwas:
    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
32
33
34
35
36

    <?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <style type="text/css">
    body {
        margin: 0 auto;
        text-align: center;
    }
    #wrap {
        width: 772px;
        text-align: left;
    }
    #banner {
        margin: 20px 0 0 0;
        background: #f80;
    }
    #content {
        margin: 5px 0 0 0;
        background: #08f;
    }
  </style>
</head>
 
 
 
<body>
<div id="wrap">
  <div id="banner">banner</div>
  <div id="content">content</div>
</div>
</body>
</html>
     
    Markus Wulftange
« umstellung auf css | layer scrollbalken farbig »

Ähnliche Themen

  1. elemente perfekt ausrichten.
    Von countryqt30 im Forum Photoshop
    Antworten: 6
    Letzter Beitrag: 22.10.10, 11:43
  2. elemente an <div> ausrichten
    Von pummeluff im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 18.09.06, 12:19
  3. <div> Elemente der Höhe ausrichten
    Von Pre7ender im Forum CSS
    Antworten: 3
    Letzter Beitrag: 10.03.06, 08:21
  4. Elemente ausrichten nach anderen Elementen
    Von esenay im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 26.04.05, 16:41
  5. Tabellen/Flash Pixelgenau ausrichten?
    Von Gaea im Forum HTML-Editoren
    Antworten: 4
    Letzter Beitrag: 16.03.05, 17:05