The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> I can't seem to align my divs properly., I'm clueless.
robhr
post Dec 20 2017, 11:21 PM
Post #1


Newbie
*

Group: Members
Posts: 16
Joined: 14-March 10
Member No.: 11,378



Could somebody tell me how to get two things to align to the left, one ahead of the other?

My site is here: http://kitcarruthers.intelligentreconstruc.../indexTEST.html

I want to get those two boxes on the right to snuggle up against the ones on the left with a 150px margin between them. Also is there a better way to get one on top of the other without just using a whole lot of line breaks?

Thank you in advance.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 8)
pandy
post Dec 21 2017, 05:11 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Did you fix this already? I don't see anything right aligned.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Dec 21 2017, 05:15 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Also, the text is so small I can't even read the page.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Dec 23 2017, 03:03 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(CharlesEF @ Dec 21 2017, 02:15 AM) *
Also, the text is so small I can't even read the page.
Ouch. Minimum font size to the rescue.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
robhr
post Dec 26 2017, 04:49 PM
Post #5


Newbie
*

Group: Members
Posts: 16
Joined: 14-March 10
Member No.: 11,378



The font is still too small on some computers? Nuts, okay, I'll do something about it.

And no I haven't got it working yet. Maybe you need to scroll right to find the other divs?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 26 2017, 06:48 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



No, actually, in the browser I happened to use the two top items (Intelligent Reconstruction and Tweets) doesn't show up at all. I now looked in the latest FF and the latest Iron (same as Chrome). I see them to the right, but in Iron they are overlapping while they are not in FF.

You have a lot going on there. Too late for me to look at it tonight. I'll give it a go tomorrow if someone else doesn't beat me to it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 27 2017, 05:43 AM
Post #7


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Ah well, you've explicitly made them right aligned.

For the red one you have this HTML.
HTML
<div class="side">
<table align="right"><tbody><tr><td align="left">


And this CSS.
CODE

div.side {
    width: 370px;
    align: left;
    margin-left: 150px;
}


The align="right" in the table tag and the large left margin is what causes it. Likewise you have used aligned="right" for the table that contains the iframe with the tweets.

That fixed things start to overlap. I don't find where you have made things float: left with FF's inspector, but you must have. You need to use clear: left where you want things to go below floats.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 27 2017, 08:05 AM
Post #8


.
********

Group: WDG Moderators
Posts: 9,630
Joined: 10-August 06
Member No.: 7



I'll add that

CODE
align: left;

is not valid CSS, instead use either "text-align" or "float".

CODE
aligned="write"

That's not valid HTML either, neither the attribute nor its value.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 31 2017, 11:56 AM
Post #9


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I fear that was a typo on my part (corrected). cool.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 08:59 AM