Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Table umsteiger, Div abstände

Frage Entwicklung CSS

Mitglied: 25521

25521 (Level 1)

09.09.2008, aktualisiert 10.09.2008, 3899 Aufrufe, 2 Kommentare

Hallo,

Zu erst einmal ein Bild um meine Frage besser zu beschreiben.
021de35d611900e4f16e45a519253616-seiten_problem - Klicke auf das Bild, um es zu vergrößern

Der Rote kasten ist ein TD in einer Table mit einer breite von 680 Pixeln.

Wie im Quelltext unten gezeigt, ist der Grüne Kasten ein DIV der neben einem Blauen kasten auch ein DIV liegt. Als Abstand vom rand muss ich 230 angeben, 200 der Blaue kasten ,15 sein Linker rand Abstand und die verbleibenden 15 sind der Abstand zwischen Blauem kasten und Grünem kasten.

Gibt es auch eine Möglichkeit nur den relativen Abstand zur rechten kante des Blauen Kastens anzugeben, also 15?

HTML Code
01.
<Div Class="Ueberschrift"> 
02.
  Linksammlung 
03.
</Div> 
04.
 
05.
<div style="background-color:#c0c0c0;height:1px;"></Div> 
06.
 
07.
<Div Class="InhaltzuUeberschrieft" style="float:left;margin-left:15px;width:200px;"> 
08.
	<FORM action=""><SELECT onchange="location = this.options[this.selectedIndex].value" style="width: 200px;" size="1"> 
09.
	<option selected value="/index.php?riu=linksamlung&amp;id1=0">Hauptkategorie:</option> 
10.
	<option value="/index.php?riu=linksamlung&amp;id1=1">Computer</option> 
11.
	</SELECT></form> 
12.
</Div> 
13.
 
14.
<Div Class="InhaltzuUeberschrieft" style="margin-left:230px;"> 
15.
	<FORM action=""><SELECT onchange="location = this.options[this.selectedIndex].value" style="width: 200px;" size="1"> 
16.
	<option selected value="/index.php?riu=linksamlung&amp;id1=0"></option> 
17.
	</SELECT></form> 
18.
</Div> 
19.
 
20.
<div Class="InhaltzuUeberschrieft" style="background-color:#c0c0c0;height:1px;clear:left;"></Div>
CSS Code
01.
.Ueberschrift { 
02.
              margin:5px; 
03.
              font-family:Arial,sans-serif; 
04.
              font-size:20px; 
05.
              font-weight:bold; 
06.
              color:black; 
07.
08.
 
09.
.InhaltzuUeberschrieft  { 
10.
                        margin-top:10px; 
11.
                        }
Mitglied: Arano
10.09.2008 um 02:05 Uhr
Nabend,

etwa so !? :
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
02.
   "http://www.w3.org/TR/html4/strict.dtd"> 
03.
<html> 
04.
  <head> 
05.
    <style type="text/css"> 
06.
      <!-- 
07.
        #main  { border:1px solid #ff0000; width:680px; height:400px; margin:auto; padding-top:15px; } 
08.
        #blau  { border:1px solid #0000ff; width:200px; float:left; margin-left:15px; } 
09.
        #gruen { border:1px solid #00ff00; width:200px; float:left; margin-left:15px; } 
10.
        #other { border:1px solid #ffff00; width:200px; } 
11.
         
12.
        .floatstopper { clear:left; } 
13.
      --> 
14.
    </style> 
15.
  </head> 
16.
  <body> 
17.
   
18.
    <div id="main"> 
19.
     
20.
      <div id="blau"> 
21.
        blau 
22.
      </div> 
23.
     
24.
      <div id="gruen"> 
25.
        gr&uuml;n 
26.
      </div> 
27.
       
28.
      <span class="floatstopper">&nbsp;</span> 
29.
       
30.
      <div id="other"> 
31.
       other 
32.
      </div> 
33.
     
34.
    </div> 
35.
   
36.
  </body> 
37.
</html>
~Arano

(Habe es im Firefox gemacht, kann leider nicht sicher sagen wie es in den anderen aussieht !? )
Bitte warten ..
Mitglied: 25521
10.09.2008 um 14:33 Uhr
Hallo,

Danke mit deinem Code konnte ich mir Folgendes Bauen.

01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
02.
   "http://www.w3.org/TR/html4/strict.dtd"> 
03.
<html> 
04.
  <head> 
05.
    <style type="text/css"> 
06.
      <!-- 
07.
        #main  { border:1px solid #ff0000; width:680px; height:400px; margin:auto; } 
08.
        .td { border:1px solid #0000ff; width:auto; float:left; } 
09.
        .tr { clear:left; } 
10.
	.abstandHV { margin-top:15px; margin-left:15px; } 
11.
      --> 
12.
    </style> 
13.
  </head> 
14.
  <body> 
15.
   
16.
    <div id="main"> 
17.
     
18.
      <div class="tr td abstandHV"> 
19.
        Kasten NR.1 
20.
      </div> 
21.
     
22.
      <div class="td abstandHV"> 
23.
        Kasten NR.2 
24.
      </div> 
25.
 
26.
      <div class="td abstandHV"> 
27.
        Kasten NR.3 
28.
      </div> 
29.
 
30.
      <div class="td abstandHV"> 
31.
        Kasten NR.4 
32.
      </div> 
33.
 
34.
      <div class="tr td abstandHV"> 
35.
       Kasten NR.6 in neuer Zeile 
36.
      </div> 
37.
     
38.
    </div> 
39.
   
40.
  </body> 
41.
</html>
Ich denke mal damit kann man gut arbeiten. Werde es die tage einmal in der Seite testen.
Bitte warten ..
Ähnliche Inhalte
Datenbanken
Access 2010 Pivot Table Export keine Werte (2)

Frage von Dr.Cornwallis zum Thema Datenbanken ...

CSS
DIV Container einheitliche Höhe (7)

Frage von Yanmai zum Thema CSS ...

Visual Studio
gelöst C-sharp Data Table und Set (9)

Frage von H41mSh1C0R zum Thema Visual Studio ...

HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

Neue Wissensbeiträge
Windows 10

Windows 8.x oder 10 Lizenz-Key aus dem ROM auslesen mit Linux

Tipp von Lochkartenstanzer zum Thema Windows 10 ...

Tipps & Tricks

Wie Hackt man sich am besten in ein Computernetzwerk ein

(38)

Erfahrungsbericht von Herbrich19 zum Thema Tipps & Tricks ...

Heiß diskutierte Inhalte
Festplatten, SSD, Raid
POS Hardware und alternativen zu Raid 1? (21)

Frage von Brotkasten zum Thema Festplatten, SSD, Raid ...

Viren und Trojaner
Verschlüsselungstrojaner simulieren (18)

Frage von AlbertMinrich zum Thema Viren und Trojaner ...

Ubuntu
gelöst Nextcloud 12 Antivirus App for Files (10)

Frage von horstvogel zum Thema Ubuntu ...

SAN, NAS, DAS
+100tb Storagelösung (10)

Frage von Data-Fabi zum Thema SAN, NAS, DAS ...