kostenloser Webspace werbefrei: lima-city

Rahmen Problem

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   11:49, 10.1.2010

   Hey
   
   stehe vor einem großen problem und find keine lösung.
   
   Kennt jemand eine möglichkeit border in ein div element zu verschieben welches mit % angaben definiert ist und sich nicht ausweiten soll.
   
   z.b
   
   div = 50% x 50%
   
   nun soll border: 1px solid black; definiert werden
   
   dabei soll sich aber das Div nicht vergrößern!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. w******s

   12:19, 10.1.2010

   Widerspricht sich das nicht: "relative Größenangaben die absolut sein sollen" ?
   Oder beziehst du dich aufs Boxmodell, dass bei einem 50% div ja für den Rahmen noch ein Pixel dazu addiert?
   Oder willst du nur eine maximale Höhe und Breite angeben bzw. das gibts ja auch für minimal!
4. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   14:56, 10.1.2010

   
   
   *verwirrt*
   
   also
   
   Ja boxmodell aber dort eben die rahmen mit in die 50% einbeziehen !

5. w******s

   15:01, 10.1.2010

   Mach dann doch zwei Divs: Das Äußere ist für die Größe zuständig und das Innere für den Rahmen. Sind ja Block-Elemente - da müsste das gehn.

6. ps3web

   

   ps3web hat kostenlosen Webspace.

   15:03, 10.1.2010

   Hallo,
   
   das geht normalerweise über die CSS-Eigentschaft outline. Die macht einen Rahmen, ohne dass die Box breiter wird. Leider wird outline von unseren Problembrowsern nicht unterstützt.
   
   Deshalb nimmst du folgenden workaround:
   
   <div class="breite"><div class="rahmen">
   </div></div>
   
   Das div mit der Klasse .breite definierst du auf eine Breite von 50%, beim Div mit der Klasse .rahmen definierst du den Rahmen mit 1px, es dehnt sich, da es ein block-Element ist, automatisch auf die volle Breite des Elternelements aus, ohne, dass die äußere Box mit der Breitenangabe breiter wird.
   
   Viele Grüße,
   ps3web
   
   Nein... ich war zu langsam...
   
   Beitrag zuletzt geändert: 10.1.2010 15:04:41 von ps3web

7. nikic

   

   nikic hat kostenlosen Webspace.

   17:21, 10.1.2010

   Mithilfe von CSS3 Box-Sizing kannst du das Box-Model ändern: http://www.css3.info/preview/box-sizing/
   Wird aber nur in modernen, nicht IE-Browsern gehen.
   
   Beitrag zuletzt geändert: 10.1.2010 17:21:43 von nikic

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?