Guten Tag ,
folgendes Problem arbeite grad an einem Projekt.
Script ist schon fertig.
Nun wollte ich was schlichtes und einfaches als Seite haben.
Gesagt getan.
Bekomme allerdings bei folgendem HTML & CSS Code:
jsfiddle link: jsfiddle.net/896eug1v/
oder hier die codes :
Spoiler anzeigen
Spoiler anzeigen
Die beiden divs wollen einfach nicht untereinander.
Das Div "status_center" soll entweder unter "zentriert" oder über. Natürlich auch so gecentert.
Hatte auch schon google gefrgt aber jaaa viele lösungen ausprobiert und gint trotzdessen nicht.
Jemand ne Idee warum das nicht geht ?
greetz
folgendes Problem arbeite grad an einem Projekt.
Script ist schon fertig.
Nun wollte ich was schlichtes und einfaches als Seite haben.
Gesagt getan.
Bekomme allerdings bei folgendem HTML & CSS Code:
jsfiddle link: jsfiddle.net/896eug1v/
oder hier die codes :
HTML-Quellcode
- [/spoiler][spoiler]<div class="centerdiv" >
- <div class="status_center">
- Test
- </div>
- <div class="zentriert">
- <form action="index.php" method="post" autocomplete="off">
- <input type="text" class="urlbox" name="link" />
- <button type="submit" name="shortsubmit" class="shortsubmit" >button</button>
- </form>
- </div>
- </div>[/spoiler][spoiler]
HTML-Quellcode
- [/spoiler][spoiler]@CHARSET "ISO-8859-1";
- * {
- margin: 0;
- padding: 0;
- }
- html, body {
- width: 100%;
- height: 100%;
- }
- .centerdiv {
- font-size: 150%;
- font-family: sans-serif;
- display: -webkit-flex;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .zentriert {
- text-align: center;
- color: #464646;
- width: 100%;
- }
- .status_center {
- text-align: center;
- color: #464646;
- width: 100%;
- }
- .urlbox {
- margin: 0;
- width: 50%;
- font-family: sans-serif;
- font-size: 22px;
- appearance: none;
- box-shadow: none;
- border-radius: none;
- padding: 15px 5px;
- line-height: 25px;
- }
- .urlbox:focus {
- outline: none;
- }
- .shortsubmit {
- background: #263640;
- background-image: -webkit-linear-gradient(top, #263640, #999c9e);
- background-image: -moz-linear-gradient(top, #263640, #999c9e);
- background-image: -ms-linear-gradient(top, #263640, #999c9e);
- background-image: -o-linear-gradient(top, #263640, #999c9e);
- background-image: linear-gradient(to bottom, #263640, #999c9e);
- -webkit-border-radius: 10;
- -moz-border-radius: 10;
- border-radius: 10px;
- font-family: Arial;
- color: #ffffff;
- font-size: 22px;
- padding: 10px 20px 10px 20px;
- border: solid #000000 2px;
- text-decoration: none;
- }
- .shortsubmit:hover {
- background: #4d7187;
- background-image: -webkit-linear-gradient(top, #4d7187, #88a6ba);
- background-image: -moz-linear-gradient(top, #4d7187, #88a6ba);
- background-image: -ms-linear-gradient(top, #4d7187, #88a6ba);
- background-image: -o-linear-gradient(top, #4d7187, #88a6ba);
- background-image: linear-gradient(to bottom, #4d7187, #88a6ba);
- text-decoration: none;
- }
Die beiden divs wollen einfach nicht untereinander.
Das Div "status_center" soll entweder unter "zentriert" oder über. Natürlich auch so gecentert.
Hatte auch schon google gefrgt aber jaaa viele lösungen ausprobiert und gint trotzdessen nicht.
Jemand ne Idee warum das nicht geht ?
greetz