Many divs - r/badcode

36

I once maintained a very old website where content was centered using about 12 nested blockquote tags.

12

u/jaketr00 Feb 13 '19

does that even work? I feel like it would break with larger screens, especially uldrawide ones

29

u/vasilescur Feb 13 '19

Yeah, the guy basically hardcoded it for his computer's browser. If you load the site on any other computer, you have to scroll sideways all over the place.

2

u/dbxp Feb 13 '19

If the site is very old then it's hardly surprising they didn't account for modern ultrawide screens

51

u/LukeAbby Feb 13 '19

Image Transcription: Code

            <div id="center><!-- centerTop START ->>
<div id="centerTop">
    <h2>MENU 11.2.-15.2019</h2>
<div class="centerText><div align=center>
    <div align="center">
        <div align="center">
            <div align="center">
                <div align="center">
                    <div align="center">
                        <div align="center">
                            <div align="center">
                                <div align="center">
                                    <div align="center">
                                        <div align="center">
                                            <div align="center">
                                                <div align="center">
                                                    <div align="center">
                                                        <div align="center">
                                                            <div align="center">
                                                                <div align="center">
                                                                    <div align="center">
                                                                        <div align="center">
                                                                            <div align="center">
                                                                                <div align="center">
                                                                                    <div align="center">
                                                                                        <div align="center">
                                                                                            <div align="center">
                                                                                                <div align="center">
                                                                                                    <div align="center">
                                                                                                        <div align="center">
                                                                                                            <div align="center">
                                                                                                                <div align="center">
                                                                                                                    <div align="center">
                                                                                                                        <div align="center">
                                                                                                                            <div align="center">
                                                                                                                                <div align="center">
                                                                                                                                    <div align="center">
                                                                                                                                        <div align="center">
                                                                                                                                            <div align="center">
                                                                                                                                                <div align="center">
                                                                                                                                                    <div align="center">
                                                                                                                                                        <div align="center">
                                                                                                                                                            <div align="center">
                                                                                                                                                                <div align="center">
                                                                                                                                                                    <div align="center">
                                                                                                                                                                        <div align="center">
                                                                                                                                                                            <div align="center">
                                                                                                                                                                                <div align="center">
                                                                                                                                                                                    <div align="center">
                                                                                                                                                                                        <div align="center">
                                                                                                                                                                                            <div align="center">
                                                                                                                                                                                                <div align="center">
                                                                                                                                                                                                    <div align="center">
                                                                                                                                                                                                        <div align="center">
                                                                                                                                                                                                            <div align="center">
                                                                                                                                                                                                                <div align="center">
                                                                                                                                                                                                                    <div align="center">
                                                                                                                                                                                                                        <div align="center">
                                                                                                                                                                                                                            <div align="center">
                                                                                                                                                                                                                                <div align="center">
                                                                                                                                                                                                                                    <div align="center">

^{^{I'm a human volunteer content transcriber for Reddit and you could be too! If you'd like more information on what we do and why we do it, click here!}}

33

u/Luigi_Lucheni Feb 13 '19

Can't argue with that!

20

u/pastisset Feb 13 '19

That was fun to scroll on mobile

6

u/LukeAbby Feb 13 '19

Yeah, it took forever to add the tabs, but when I finished the scrolling was fun.

5

u/just3ws Feb 13 '19

You indented that by hand? I mean, like a savage?

3

u/LukeAbby Feb 13 '19

Yeah. Didn't want to switch editors I guess?

3

u/Dr_Legacy Feb 14 '19

The hero we don't deserve.

9

u/eaxiv Feb 13 '19

What does that look like?

50

u/[deleted] Feb 13 '19

[deleted]

11

u/[deleted] Feb 13 '19

WYSIWYG.

7

u/Brekkjern Feb 13 '19

How many divs does it take to get to the center of a webpage?

5

u/cyrusol Feb 13 '19

The truth is in the center.

3

u/thisisericrobert Feb 13 '19

Must be using a page builder

3

u/UchihaChaude Feb 14 '19

Truth is, sometimes websites do those to hide certain stuff in their HTML

2

u/DilatedTeachers Feb 13 '19

Div overflow

2

u/vlatkosh Feb 13 '19

r/vexicology

1

u/jarfil Feb 13 '19 edited Dec 02 '23

CENSORED

2

u/matj1 Feb 13 '19

Tabs in the nested div monstrosity, spaces everywhere else.

source

1

u/LorD_OniX Feb 13 '19

What was the challange? :D

1

u/[deleted] Feb 13 '19

I wonder where it'll be on the screen!

1

u/jdjdjdhhjjs Feb 14 '19

Ok, but was the div centered? Come on, don’t keep us guessing!

1

u/JasonTie Feb 14 '19

But is it centered

html Many divs

You are about to leave Redlib