php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 08.08.2005, 02:07  
Erfahrener Benutzer
 
Registriert seit: 07.11.2004
Beiträge: 162
seejay
Standard css - 3 boxen nebereinander

Hallo,
ich möchte das 3 Boxen nebereinander sind. Die linke und rechte Box haben feste größen aber die in der Mitte eine Prozengröße. Ich habe es so probiert:
[/code]
#spalte_links { position:absolute; top:155px; left:5px; min-width:150px; z-index:1; }
#spalte_mitte { position:absolute; top:155px; margin-left:5px; width:60%;z-index:1; }
#spalte_rechts { position:absolute; top:155px; margin-left:5px; min-width:150px; z-index:1; }
<div id="spalte_links">fdhf</div>
<div id="spalte_mitte">
<div id="mitte">fdh</div>
</div>
<div id="spalte_rechts">lhg</div>
[/code]
doch setzt er jetzt die boxen alle 5px vom linken rand weg und nicht 5px von der box nebendran. WIe kann ich es ändern, dass die boxen einen festen abstand zueinander haben?
seejay ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 08.08.2005, 02:57  
Erfahrener Benutzer
 
Registriert seit: 29.10.2004
Beiträge: 1.781
derHund
Standard

vergiß die absolute positionierung, die ist immer die schlechteste aller möglichkeiten. floate deine linke/rechte spalte jeweils links/rechts, der mittleren, welche im markup dann als dritte folgen muß, gibst du rechts/links entsprechendes padding. fertig.
__________________
derHund ist offline   Mit Zitat antworten
Alt 08.08.2005, 08:09  
Gast
 
Beiträge: n/a
Standard

Guck Dir mal das hier an, auch sehr interessant:

http://thestyleworks.de/tut-art/layout_div_2.shtml
  Mit Zitat antworten
Alt 08.08.2005, 16:54  
Erfahrener Benutzer
 
Registriert seit: 07.11.2004
Beiträge: 162
seejay
Standard

danke, war genau das was ich brauchte
seejay ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
<div> Container über <select> Boxen legen Zergling-new HTML, Usability und Barrierefreiheit 14 19.01.2008 01:12
2 Boxen nebeneinander, restliche Text unter den Boxen. PsychoEagle HTML, Usability und Barrierefreiheit 2 29.03.2007 11:57
JS: Mit einen Link boxen sichtbar und unsichtbar durch klick scooter Beitragsarchiv 3 11.03.2006 19:34
3 Select boxen nacheinander füllen? Chrischnian HTML, Usability und Barrierefreiheit 1 19.02.2006 14:46
getrennte layouts für input boxen Promaetheus HTML, Usability und Barrierefreiheit 7 30.11.2005 07:39
Select Boxen dynamisch als Vorauswahl HTML, Usability und Barrierefreiheit 1 11.08.2005 15:14
[Erledigt] SELECT boxen formatieren HTML, Usability und Barrierefreiheit 1 17.11.2004 17:33
CSS boxen lappen übereinander und passen sich nicht an!!!!!! 'progman' HTML, Usability und Barrierefreiheit 1 20.10.2004 23:47
ausklappbare boxen Creativ PHP Tipps 2004 4 04.06.2004 15:18

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css boxen nebeneinander, css 3 boxen nebeneinander, css 3 boxen, css drei boxen nebeneinander, css box nebeneinander, 3 boxen nebeneinander css, box in box css, 3 div boxen nebeneinander, css3 select box, css3 select, css 3 box nebeneinander, 3 boxen nebeneinander, css 4 boxen nebeneinander, boxen nebeneinander css, 3 css boxen nebeneinander, select box nebeneinander, css drei boxen, css boxen, css box in box, nebereinander

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:00 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.