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, 3902 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
Linux
gelöst Linux-News für Umsteiger (4)

Frage von honeybee zum Thema Linux ...

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

Frage von Thomas91 zum Thema HTML ...

Netzwerkmanagement
Verliere Netzlaufwerke in unregelmäßigen abständen (11)

Frage von malkie zum Thema Netzwerkmanagement ...

Neue Wissensbeiträge
Windows Server

Umstellung SHA 1 auf SHA 2 - Migration der CA von CSP auf KSP

Tipp von Badger zum Thema Windows Server ...

Windows 10

Quato DTP94 unter Windows 10 x64 installieren und verwenden

Anleitung von anteNope zum Thema Windows 10 ...

Windows 10

Win10 1703 und Nutzerkennwörter bei Ersteinrichtung - erstaunliche Erkenntnis

(15)

Erfahrungsbericht von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows 10
Windows 10 im Unternehmen? (26)

Frage von zorlayan zum Thema Windows 10 ...

LAN, WAN, Wireless
Ping u. DNS geht am Rechner nicht mehr (19)

Frage von Kuemmel zum Thema LAN, WAN, Wireless ...

Festplatten, SSD, Raid
Raid 1 2 SSD mit Windows Server 2016 (17)

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

Voice over IP
Über Fritzfax over IP gehen nur einige Faxe (12)

Frage von shearer9 zum Thema Voice over IP ...