2 Div's nebeneinander

DaFlo · #1 (**permalink**) 02.08.2014, 17:22

Hi Leute,

ich beschäftigte mich seit heute mit CSS um mir eine eigene Webseite für mein Fotohobby zu basteln. Meine Frage ist ganz grundsätzlicher Natur.

Meine Seite habe ich mit einer Tabelle horizontal zentriert und mit einer Breite von 1200px versehen. Nun würde ich gerne links daneben eine DIV erstellen, die ich mit Inhalt füllen kann, aber so, dass das meine ursprünglich DIX die ich mittig zentriert habe auch zentriert bleibt.

Kann mir da jemand mit ein paar Codezeilen helfen?

Viele Grüße

MrMurphy · #2 (**permalink**) 02.08.2014, 17:33

Hallo,

ohne deinen bisherigen Quelltext zu kennen ist eine konkrete Hilfe kaum möglich. Zeig uns mal einen Link zu deinen bisherigen Bemühungen. Die kannst du zum Beispiel bei einem Freeware-Provider wie bplaced.net online stellen.

Zitat:

ich beschäftigte mich seit heute mit CSS

Zudem solltest du dich zunächst in die Grundlagen von CSS einlesen, um zu wissen, was möglich ist und wie Webseiten aktuell erstellt werden.

Deine Vorgehensweise (Tabelle, feste Breite) erscheint mir veraltet zu sein. So werden heutzutage keine Webseiten mehr erstellt.

Gruss

MrMurphy

DaFlo · #3 (**permalink**) 02.08.2014, 17:36

Oh sorry, den Code habe ich vergessen

Ich habe mich schon etwas eingelesen, komm auch ganz gut voran aber an so "Spezialproblemen" häng ich halt.

Code:

html,

body
{
    background: #E6E6E6;
}

#navigation
{
    height: 40px;
    width: 100%;
    margin-top: 40px;
}

ul#navigation
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul#navigation li {
    padding: 0px;
    margin: 0px;
    display: inline;
}

ul#navigation li a:link {
    background: none;
    padding: 0px ;
}

#title_img
{
    height: 500px;
    width: 1200px;
    background: url(../images/titelbild.jpg);
}
#content_top
{
    margin-top: 150px;
    height: 40px;
    width: 1200px;
    font-family: Arial;
    font-size: 25px;
}

#content
{
    margin-top: 30px;
    height: 250px;
    width: 650px;
    font-family: Arial;
    font-size: 14px;
}

#content_img
{
    margin-top: 30px;
    height: 800px;
    width: 1200px;
}
#content_previews
{
    width: 200px;
    float: left;
    vertical-align: top;
}

#footer
{
    font-family: Arial;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    list-style-type: none;
    position: fixed;
    bottom: 5px;
    margin-right: 0px;
}

#footer a:link, a:visited, a:hover, a:active {
    background: none;
    padding: 0px ;
    color: #000;
    text-decoration: none;
}

#copyright
{
    font-family: Arial;
    font-size: 12px;
    position: fixed;
    bottom: 5px;
}


<!DOCTYPE html>
<html>

<head>
    <title>Titel</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

    <link href="css/stylesheet.css" type="text/css" rel="stylesheet">
</head>

<body>
<table align="center">
    <tr>
        <td>
            <div id="navigation" align="right" >
                <ul id="navigation">
                    <li><a href="index.html"><img src="images/navi_home.jpg" alt="" title="" /></a></li>
                    <li><a href="ueber.html"><img src="images/navi_ueber.jpg" alt="" title="" /></a></li>
                    <li><a href="portfolio.html"><img src="images/navi_portfolio.jpg" alt="" title="" /></a></li>
                    <li><a href="kontakt.html"><img src="images/navi_kontakt.jpg" alt="" title="" /></a></li>
                </ul>
            </div>
            <div id="content_img">
                <img src="portfolio/img1.jpg" oncontextmenu="return false;"/>
            </div>

            <div id="copyright" style="float: left;">Copyright 2014 &copy; rawshoot
            </div>

            <div id="footer" align="right" style="float: right;">
                <a href="impressum.html">Impressum</a>
            </div>
        </td>
    </tr>
</table>

</body>
</html>

protonenbeschleuniger · #4 (**permalink**) 02.08.2014, 19:33

Was soll der Code zeigen?

DaFlo · #5 (**permalink**) 02.08.2014, 19:47

Meine bisherigen Bemühungen was ich bis jetzt programmiert habe. Darum hatte Mr. Murphy gebeten oder nicht?

protonenbeschleuniger · #6 (**permalink**) 02.08.2014, 20:05

Vermutlich, aber mit deinen Code ist nur eine graue leere Seite sichtbar. Insofern wird - zumindest mir - nicht klar, was du da jetzt willst.

MrMurphy · #7 (**permalink**) 02.08.2014, 20:15

Hallo,

Zitat:

Meine bisherigen Bemühungen was ich bis jetzt programmiert habe. Darum hatte Mr. Murphy gebeten oder nicht?

Nein. Ich hatte um folgendes gebeten

Zitat:

Zeig uns mal einen Link zu deinen bisherigen Bemühungen. Die kannst du zum Beispiel bei einem Freeware-Provider wie bplaced.net online stellen.

Es ist nämlich nervig Quellcode zu erhalten den man sich selbst zustammestückeln muss und der dann nicht mal funktioniert. Wenn du den selbst erst mal online zusammenbaust würdest du das selbst merken und uns unnötige Arbeit ersparen.

Dein hier bereitgesteller Quellcode sieht für uns folgendermaßen aus:

HTML5: daflo - Tabellenlayout

Daraus können wir dein Problem nicht nachvollziehen.

Zitat:

Ich habe mich schon etwas eingelesen

HTML und CSS unterliegen einer rasanten Entwicklung. Wenn du dich einliest solltest du auf aktuelles Material zurückgreifen. Also HTML5 und CSS3. Alles was sich mit HTML4 und CSS2 oder älter beschäftigt kannst du in die Tonne treten. Gleiches gilt für Tabellenlayout.

Du solltest deine Seite mit aktuellem HTML und CSS neu erstellen. Alles andere hilft dir nicht weiter.

Gruss

MrMurphy

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Divs, welche links enthalten, nebeneinander zentrieren	azrax	CSS	5	06.08.2011 10:36
2 divs nebeneinander	smartexport	CSS	6	16.04.2010 16:22
Divs nebeneinander...	Sengi	CSS	4	23.05.2009 08:23
divs fließend nebeneinander, der letzte bis zum seitenrand	deelite	CSS	2	17.03.2009 21:04
Divs nebeneinander, aber mittig	RomanM	CSS	2	24.10.2007 06:32